diff --git a/styles.css b/styles.css
@@ -16,19 +16,20 @@
transition: background-color .5s ease, color .5s ease;
- --background: #450e79;
- --selection: #3b3ee040;
- --light: #e0ebe0;
- --dark: #1c0531;
+ /*
+ Color scheme based on Ahmad Awais's Shades of Purple theme:
+ https://github.com/ahmadawais/shades-of-purple-vscode
+ */
- --hl1: #dd785f;
- --hl2: var(--hl1);
- --hl3: #789dec;
- --hl4: var(--hl3);
- --hl5: #3bd2d2;
- --hl6: var(--hl2);
+ --background: #2D2B55;
+ --selection: #A599E940;
+ --light: #eeeeff;
+ --dark: #000022;
- --comm: #49ba62;
+ --tag: #9EFFFF;
+ --prop: #FAD000;
+ --string: #A5FF90;
+ --comm: #B362FF;
}
@media (pointer: fine) {
@@ -155,15 +156,9 @@ body > div#container, body > div#container > * {
}
body > div#container.error {
- --background: #96162c;
- --selection: #e03b5140;
- --light: #eec6df;
-
- --hl1: #dd5f5f;
- --hl3: #b479eb;
- --hl5: #e44db2;
-
- --comm: #7d90cd;
+ --background: #ae1210;
+ --selection: #f12b5c40;
+ --light: #ffefef;
}
body > div#container img {
@@ -210,7 +205,7 @@ body > div#container > div#display > button {
border: none;
border-radius: calc(2 * var(--tiny));
- box-shadow: 0 0 calc(.25 * var(--small)) .5vmax #00000030;
+ box-shadow: 0 0 calc(.25 * var(--small)) .5vmax #00000015;
cursor: pointer;
}
@@ -301,10 +296,7 @@ body > div#container > div#editor > textarea::-moz-selection {
color: var(--comm);
}
-.elmsh1 { color: var(--hl1); }
-.elmsh2 { color: var(--hl2); }
-.elmsh3 { color: var(--hl3); }
-.elmsh4 { color: var(--hl4); }
-.elmsh5 { color: var(--hl5); }
-.elmsh6 { color: var(--hl6); }
+.elmsh1, .elmsh2, .elmsh6 { color: var(--string); }
+.elmsh3, .elmsh4 { color: var(--tag); }
+.elmsh5 { color: var(--prop); }
.elmsh7 { color: var(--light); }
\ No newline at end of file