fix: css colors

meetio-theme · Jun 24, 2019 · a6aa84d · a6aa84d
1 parent 3052ce1
commit a6aa84d
Show file tree

Hide file tree

Showing 10 changed files with 71 additions and 75 deletions.
diff --git a/examples/css.css b/examples/css.css
@@ -1,4 +1,5 @@
 :root {
+    --primary-color: #03f;
     --accent-color: #0ea;
 }
 
@@ -11,7 +12,7 @@ h1, h2, h3 {
 }
 
 a {
-    color: #000;
+    color: var(--primary-color);
 }
 
 @media (hover: hover) {

diff --git a/examples/scss.scss b/examples/scss.scss
@@ -1,7 +1,7 @@
 $addon-store-border-color: #d95468 !default;
 $addon-store-color: #333 !default;
 
-.app {
+#app {
   display: flex;
   flex-direction: column;
   align-items: center;

diff --git a/schemes/Meetio-Cobalt.sublime-color-scheme b/schemes/Meetio-Cobalt.sublime-color-scheme
@@ -76,7 +76,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/schemes/Meetio-Darker.sublime-color-scheme b/schemes/Meetio-Darker.sublime-color-scheme
@@ -76,7 +76,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/schemes/Meetio-Lighter.sublime-color-scheme b/schemes/Meetio-Lighter.sublime-color-scheme
@@ -48,6 +48,66 @@
         "tags_foreground": "var(pink)"
     },
     "rules": [
+        {
+            "foreground": "#BBBBBBFF",
+            "scope": "col_0033FFFF",
+            "background": "#0033FFFF"
+        },
+        {
+            "foreground": "#ffffff",
+            "scope": "col_gutter",
+            "background": "#000000"
+        },
+        {
+            "foreground": "#FEFEFEFF",
+            "scope": "col_D26911FF",
+            "background": "#D26911FF"
+        },
+        {
+            "foreground": "#B3B3B3FF",
+            "scope": "col_333333FF",
+            "background": "#333333FF"
+        },
+        {
+            "foreground": "#545454FF",
+            "scope": "col_00000026",
+            "background": "#00000026"
+        },
+        {
+            "foreground": "#808080FF",
+            "scope": "col_000000FF",
+            "background": "#000000FF"
+        },
+        {
+            "foreground": "#717171FF",
+            "scope": "col_F1F1F1FF",
+            "background": "#F1F1F1FF"
+        },
+        {
+            "foreground": "#4C4C4CFF",
+            "scope": "col_CCCCCCFF",
+            "background": "#CCCCCCFF"
+        },
+        {
+            "foreground": "#797979FF",
+            "scope": "col_F9F9F9FF",
+            "background": "#F9F9F9FF"
+        },
+        {
+            "foreground": "#1F1F1FFF",
+            "scope": "col_00EEAAFF",
+            "background": "#00EEAAFF"
+        },
+        {
+            "foreground": "#5D5D5DFF",
+            "scope": "col_DDDDDDFF",
+            "background": "#DDDDDDFF"
+        },
+        {
+            "foreground": "#7F7F7FFF",
+            "scope": "col_FFFFFFFF",
+            "background": "#FFFFFFFF"
+        },
         {
             "name": "[CSS] String",
             "scope": "source.css string",
@@ -76,7 +136,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/schemes/Meetio-Mariana.sublime-color-scheme b/schemes/Meetio-Mariana.sublime-color-scheme
@@ -76,7 +76,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/schemes/Meetio-Ocean.sublime-color-scheme b/schemes/Meetio-Ocean.sublime-color-scheme
@@ -76,7 +76,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/schemes/Meetio-Palenight.sublime-color-scheme b/schemes/Meetio-Palenight.sublime-color-scheme
@@ -76,7 +76,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/schemes/Meetio.sublime-color-scheme b/schemes/Meetio.sublime-color-scheme
@@ -48,71 +48,6 @@
         "tags_foreground": "var(pink)"
     },
     "rules": [
-        {
-            "foreground": "#737373FF",
-            "scope": "col_FFEEEEFF",
-            "background": "#FFEEEEFF"
-        },
-        {
-            "foreground": "#FEFEFEFF",
-            "scope": "col_D95468FF",
-            "background": "#D95468FF"
-        },
-        {
-            "foreground": "#ffffff",
-            "scope": "col_gutter",
-            "background": "#000000"
-        },
-        {
-            "foreground": "#FEFEFEFF",
-            "scope": "col_D26911FF",
-            "background": "#D26911FF"
-        },
-        {
-            "foreground": "#B3B3B3FF",
-            "scope": "col_333333FF",
-            "background": "#333333FF"
-        },
-        {
-            "foreground": "#A8A8A8FF",
-            "scope": "col_00000026",
-            "background": "#00000026"
-        },
-        {
-            "foreground": "#808080FF",
-            "scope": "col_000000FF",
-            "background": "#000000FF"
-        },
-        {
-            "foreground": "#717171FF",
-            "scope": "col_F1F1F1FF",
-            "background": "#F1F1F1FF"
-        },
-        {
-            "foreground": "#7A7A7AFF",
-            "scope": "col_FAFAFAFF",
-            "background": "#FAFAFAFF"
-        },
-        {
-            "foreground": "#4C4C4CFF",
-            "scope": "col_CCCCCCFF",
-            "background": "#CCCCCCFF"
-        },
-        {
-            "foreground": "#1F1F1FFF",
-            "scope": "col_00EEAAFF",
-            "background": "#00EEAAFF"
-        },
-        {
-            "foreground": "#5D5D5DFF",
-            "scope": "col_DDDDDDFF",
-            "background": "#DDDDDDFF"
-        },
-        {
-            "foreground": "#7F7F7FFF",
-            "scope": "col_FFFFFFFF",
-            "background": "#FFFFFFFF"
-        },
         {
             "name": "[CSS] String",
             "scope": "source.css string",
@@ -141,7 +76,7 @@
         {
             "name": "[CSS] Variable",
             "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-            "foreground": "var(red)"
+            "foreground": "var(brown)"
         },
         {
             "name": "[CSS] Properties Value",

diff --git a/src/schemes/files/rules/css-syntax.json b/src/schemes/files/rules/css-syntax.json
@@ -27,7 +27,7 @@
     {
         "name": "[CSS] Variable",
         "scope": "source.scss variable.declaration.sass, support.type.custom-property.css, support.type.custom-property.scss, variable.other.sass, variable.other.scss",
-        "foreground": "var(red)"
+        "foreground": "var(brown)"
     },
     {
         "name": "[CSS] Properties Value",