add how to learn js

vre2h · Jan 6, 2022 · 01266b6 · 01266b6
1 parent 297a419
commit 01266b6
Show file tree

Hide file tree

Showing 4 changed files with 728 additions and 16 deletions.
diff --git a/components/ColoredBar.jsx b/components/ColoredBar.jsx
@@ -9,7 +9,7 @@ export default function ColoredBar({ children }) {
       style={{
         backgroundColor: colors[idx],
       }}
-      className="py-1 inline-block text-sm text-center text-white px-1 rounded-sm"
+      className="py-1 inline-block text-sm text-center px-1 rounded-sm"
     >
       {children}
     </span>

diff --git a/components/ColoredTag.jsx b/components/ColoredTag.jsx
@@ -9,7 +9,7 @@ export default function ColoredTag({ children }) {
       style={{
         backgroundColor: colors[idx],
       }}
-      className="inline-block text-sm text-white px-1 mr-1 rounded-sm"
+      className="inline-block text-gray-700 text-dark px-1 mr-1 rounded"
     >
       {children}
     </span>

diff --git a/constants/colors.js b/constants/colors.js
@@ -1,16 +1,15 @@
 export const colors = [
-  "#ffe27b",
-  "#ffc98a",
-  "#c3f9b2",
-  "#b0d9ff",
-  "#ec4899",
-  "rgb(187, 247, 208)",
-  "rgb(254, 240, 138)",
-  "rgb(134, 239, 172)",
-  "rgb(153, 246, 228)",
-  "rgb(103, 232, 249)",
-  "rgb(147, 197, 253)",
-  "rgb(167, 139, 250)",
-  "rgb(251, 207, 232)",
-  "rgb(192, 132, 252)",
+  "#e9d6cf",
+  "#fbedd5",
+  "#e6e6e5",
+  "#d7d7d6",
+  "#e1d3fa",
+  "#fbd3e6",
+  "#daecda",
+  "#eedfda",
+  "#fdecc8",
+  "#e7ddee",
+  "#d2e4ef",
+  "#f1f0f0",
+  "#f9dec9",
 ];