colors wip

mdn · Feb 21, 2024 · 03a623c · 03a623c
1 parent 503c3b6
commit 03a623c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/client/src/curriculum/landing.scss b/client/src/curriculum/landing.scss
@@ -299,6 +299,7 @@
             display: block;
             line-height: calc(1.25 * var(--fs));
             text-wrap: nowrap;
+            width: max-content;
           }
 
           .color {
@@ -330,7 +331,6 @@
             line-height: calc(1.25 * var(--fs));
             max-width: 10rem;
             position: absolute;
-            text-wrap: nowrap;
             text-wrap: wrap;
             @media screen and (min-width: $screen-md) {
               max-width: initial;

diff --git a/client/src/ui/base/_themes.scss b/client/src/ui/base/_themes.scss
@@ -504,20 +504,20 @@
   --cur-bg-color-list-item-body: #000;
   --cur-border-color-list-item: #4e4e4e;
   --cur-border-color-list-item-hover: rgba(227, 100, 42, 0.7);
-  --cur-color-list-item-icon-topic-standards: #000;
-  --cur-color-list-item-icon-topic-styling: #000;
-  --cur-color-list-item-icon-topic-scripting: #000;
-  --cur-color-list-item-icon-topic-tooling: #000;
-  --cur-color-list-item-icon-topic-practices: #000;
   --cur-bg-color-list-item-topic-standards: #343434;
   --cur-bg-color-list-item-topic-styling: #343434;
   --cur-bg-color-list-item-topic-scripting: #343434;
   --cur-bg-color-list-item-topic-tooling: #343434;
   --cur-bg-color-list-item-topic-practices: #343434;
-  --cur-bg-color-list-item-icon-topic-standards: #994b53;
-  --cur-bg-color-list-item-icon-topic-styling: #4e609e;
-  --cur-bg-color-list-item-icon-topic-scripting: #7d683d;
-  --cur-bg-color-list-item-icon-topic-tooling: #3d7c4b;
+  --cur-color-list-item-icon-topic-standards: #f2919c;
+  --cur-color-list-item-icon-topic-styling: #91a6f2;
+  --cur-color-list-item-icon-topic-scripting: #f2cf8f;
+  --cur-color-list-item-icon-topic-tooling: #8ff2a4;
+  --cur-color-list-item-icon-topic-practices: #c891f2;
+  --cur-bg-color-list-item-icon-topic-standards: #804248;
+  --cur-bg-color-list-item-icon-topic-styling: #425080;
+  --cur-bg-color-list-item-icon-topic-scripting: #806a42;
+  --cur-bg-color-list-item-icon-topic-tooling: #428050;
   --cur-bg-color-list-item-icon-topic-practices: #584280;
   --cur-shadow: 2px 2px 5px 0 rgba(36, 36, 36, 0.15),
     -2px 2px 8px 0 rgba(87, 87, 87, 0.15);