:root {
- --light-hl-0: #000000;
- --dark-hl-0: #D4D4D4;
- --light-hl-1: #098658;
- --dark-hl-1: #B5CEA8;
- --light-hl-2: #795E26;
- --dark-hl-2: #DCDCAA;
- --light-hl-3: #001080;
- --dark-hl-3: #9CDCFE;
- --light-hl-4: #0000FF;
- --dark-hl-4: #569CD6;
- --light-hl-5: #0070C1;
- --dark-hl-5: #4FC1FF;
- --light-hl-6: #000000;
- --dark-hl-6: #C8C8C8;
+ --light-hl-0: #001080;
+ --dark-hl-0: #9CDCFE;
+ --light-hl-1: #0000FF;
+ --dark-hl-1: #569CD6;
+ --light-hl-2: #000000;
+ --dark-hl-2: #D4D4D4;
+ --light-hl-3: #0070C1;
+ --dark-hl-3: #4FC1FF;
+ --light-hl-4: #AF00DB;
+ --dark-hl-4: #C586C0;
+ --light-hl-5: #A31515;
+ --dark-hl-5: #CE9178;
+ --light-hl-6: #795E26;
+ --dark-hl-6: #DCDCAA;
+ --light-hl-7: #008000;
+ --dark-hl-7: #6A9955;
+ --light-hl-8: #098658;
+ --dark-hl-8: #B5CEA8;
+ --light-hl-9: #267F99;
+ --dark-hl-9: #4EC9B0;
+ --light-hl-10: #000000;
+ --dark-hl-10: #C8C8C8;
--light-code-background: #FFFFFF;
--dark-code-background: #1E1E1E;
}
--hl-4: var(--light-hl-4);
--hl-5: var(--light-hl-5);
--hl-6: var(--light-hl-6);
+ --hl-7: var(--light-hl-7);
+ --hl-8: var(--light-hl-8);
+ --hl-9: var(--light-hl-9);
+ --hl-10: var(--light-hl-10);
--code-background: var(--light-code-background);
} }
--hl-4: var(--dark-hl-4);
--hl-5: var(--dark-hl-5);
--hl-6: var(--dark-hl-6);
+ --hl-7: var(--dark-hl-7);
+ --hl-8: var(--dark-hl-8);
+ --hl-9: var(--dark-hl-9);
+ --hl-10: var(--dark-hl-10);
--code-background: var(--dark-code-background);
} }
--hl-4: var(--light-hl-4);
--hl-5: var(--light-hl-5);
--hl-6: var(--light-hl-6);
+ --hl-7: var(--light-hl-7);
+ --hl-8: var(--light-hl-8);
+ --hl-9: var(--light-hl-9);
+ --hl-10: var(--light-hl-10);
--code-background: var(--light-code-background);
}
--hl-4: var(--dark-hl-4);
--hl-5: var(--dark-hl-5);
--hl-6: var(--dark-hl-6);
+ --hl-7: var(--dark-hl-7);
+ --hl-8: var(--dark-hl-8);
+ --hl-9: var(--dark-hl-9);
+ --hl-10: var(--dark-hl-10);
--code-background: var(--dark-code-background);
}
.hl-4 { color: var(--hl-4); }
.hl-5 { color: var(--hl-5); }
.hl-6 { color: var(--hl-6); }
+.hl-7 { color: var(--hl-7); }
+.hl-8 { color: var(--hl-8); }
+.hl-9 { color: var(--hl-9); }
+.hl-10 { color: var(--hl-10); }
pre, code { background: var(--code-background); }