🎨 mdc --> theme

curvenote · Jun 29, 2021 · 89beb85 · 89beb85
1 parent b0b2d44
commit 89beb85
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/src/components/outline.ts b/src/components/outline.ts
@@ -151,16 +151,16 @@ class Outline extends BaseComponent<typeof OutlineSpec> {
         transition: all 200ms;
       }
       .tick.highlight {
-        border-bottom: 2px solid var(--mdc-theme-primary, #46f);
+        border-bottom: 2px solid var(--theme-primary, #46f);
       }
       .header:hover {
-        color: var(--mdc-theme-primary, #46f);
+        color: var(--theme-primary, #46f);
         cursor: pointer;
       }
       .open,
       nav:hover {
         width: 200px;
-        border-left: 4px solid var(--mdc-theme-primary, #46f);
+        border-left: 4px solid var(--theme-primary, #46f);
       }
       .open .text,
       nav:hover .text {

diff --git a/styles/_nav.scss b/styles/_nav.scss
@@ -22,7 +22,7 @@ nav {
   }
   a:hover,
   a.selected {
-    color: var(--mdc-theme-primary);
+    color: var(--theme-primary);
     text-decoration: none;
     background-color: #f1f3f4;
     // border-radius: 0 15px 15px 0;
@@ -40,7 +40,7 @@ nav {
   }
   ul li.section div:hover,
   ul li.section.selected div {
-    color: var(--mdc-theme-primary);
+    color: var(--theme-primary);
   }
   ul li.section div:after {
     content: ' ';

diff --git a/styles/_quote.scss b/styles/_quote.scss
@@ -2,7 +2,7 @@ article {
   blockquote {
     padding: 10px 20px;
     margin: 20px 0;
-    border-left: 5px solid var(--mdc-theme-primary, #eee);
+    border-left: 5px solid var(--theme-primary, #eee);
 
     p {
       color: #646464;
@@ -19,7 +19,7 @@ article {
 
       cite {
         text-transform: uppercase;
-        color: var(--mdc-theme-primary, #eee);
+        color: var(--theme-primary, #eee);
         font-style: normal;
         font-weight: 700;
       }

diff --git a/theme.css b/theme.css
@@ -1,6 +1,6 @@
 body {
   --curvenote-font: 'Roboto', sans-serif;
   --curvenote-font-headers: 'Noto Sans', serif;
-  --mdc-theme-primary: #ee9127;
-  --mdc-theme-secondary: #46f;
+  --theme-primary: #ee9127;
+  --theme-secondary: #46f;
 }