Commit ce8d34e9 authored by Kyle Rimkus's avatar Kyle Rimkus
Browse files

Replace theme colors with css vars

parent 861bbe97
......@@ -6,11 +6,25 @@ meta {
}
:root {
--color-BG: #282A36;
--color-FG: #F8F8F2;
--color-SELECTION: #44475A;
--color-COMMENT: #6272A4;
--color-CYAN: #8BE9FD;
--color-GREEN: #50FA7B;
--color-ORANGE: #FFB86C;
--color-PINK: #FF79C6;
--color-PURPLE: #BD93F9;
--color-RED: #FF5555;
--color-YELLOW: #F1FA8C;
}
/*
* Window styles
*/
meta.window {
background-color: #282a36;
background-color: #21222C;
border-color: rgba(0, 0, 0, .1);
}
meta.titlebar {
......@@ -53,7 +67,7 @@ meta.textfield {
* Document styles
*/
meta.document {
background-color: rgb(54, 58, 68);
background-color: #282A36;
border-color: rgba(255, 255, 255, 0.1);
}
......@@ -75,7 +89,7 @@ meta.document.textfield {
/* Text */
meta.text {
color: white;
color: var(--color-FG);
}
meta.text.invisible {
color: #6272a4;
......@@ -109,29 +123,29 @@ meta.gutter.selected {
*/
keyword {
color: #63cce3;
color: var(--color-PINK);
}
comment {
color: #6272a4;
}
processing {
color: #ff79c6;
color: var(--color-PINK);
}
declaration {
color: #ff79c6;
color: var(--color-PINK);
}
bracket {
color: #ffffff;
}
operator {
color: #ff79c6;
color: var(--color-PINK);
}
invalid {
background-color: #ff79c6;
color: #f8f8f2;
background-color: var(--color-PINK);
color: var(--color-FG);
}
link {
color: #8be9fd;
color: var(--color-CYAN);
}
/* Values */
......@@ -154,27 +168,29 @@ value.symbol {
/* Identifiers */
identifier.type,
identifier.constant,
identifier.decorator,
identifier.decorator {
color: var(--color-PURPLE);
}
identifier.function,
identifier.method {
color: rgb(90,247,142);
color: var(--color-CYAN);
}
identifier.property {
color: white;
color: var(--color-CYAN);
}
identifier.key {
color: #63cce3;
}
identifier.argument {
color: white;
color: var(--color-CYAN);
}
/* Strings */
string {
color: #f1fa8c;
color: var(--color-YELLOW);
}
string.key {
color:#50fa7b;
color: var(--color-GREEN);
}
string-template {
color: #FFC247;
......@@ -191,7 +207,7 @@ markup.heading {
color: #6272a4;
}
markup.line {
color: #f1fa8c;
color: var(--color-YELLOW);
}
markup.bold {
color: #4EA3C2;
......@@ -203,7 +219,7 @@ markup.strikethrough {
color: #FF6666;
}
markup.list.item {
color: #f1fa8c;
color: var(--color-YELLOW);
}
markup.code {
color: #63cce3;
......@@ -246,7 +262,7 @@ tag.attribute.value.link {
/* Styles */
style.at {
color: #ff79c6;
color: var(--color-PINK);
font-weight: bold;
}
style.selector.element {
......@@ -265,13 +281,13 @@ style.selector.pseudoelement {
color: rgb(154,237,254);
}
style.attribute.name {
color: #50fa7b;
color: var(--color-GREEN);
}
style.value.number {
color: #bd93f9;
color: var(--color-PURPLE);
}
style.value.color.hex {
color: #bd93f9;
color: var(--color-PURPLE);
}
style.value.keyword {
color: #63cce3;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment