sass/abridge.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

//@import "fonts/Abridge";
//@import "fonts/Roboto";
//@import "fonts/Arimo";
//@import "fonts/Lato";
//@import "fonts/FiraCode"; // Monospaced
@import "imports";
@import "syntax/syntax-abridge";

:root {
  --f1: #ccc;// Font Color Primary
  --f2: #ddd;// Font color Headers
  --c1: #111;// Background Color Primary
  --c2: #222;// Background Color Secondary
  --c3: #333;// Table Rows, Block quote edge, Borders
  --c4: #888;// Disabled Buttons, Borders, mark background
  --a1: #f90;// link color
  --a2: #fb0;// link hover/focus color
  --a3: #f90;// link h1-h2 hover/focus color
  --cg: #593; // ins green, success
  --cr: #e33; // del red, errors
}
@media (prefers-color-scheme: light) {
  :root {
    --f1: #444;// Font Color Primary
    --f2: #333;// Font color Headers
    --c1: #fff;// Background Color Primary
    --c2: #eee;// Background Color Secondary
    --c3: #ddd;// Table Rows, Block quote edge, Borders
    --c4: #677;// Disabled Buttons, Borders, mark background
    --a1: #c40;// link color
    --a2: #e60;// link hover/focus color
    --a3: #f90;// link h1-h2 hover/focus color
    --cg: #373; // ins green, success
    --cr: #d33; // del red, errors
  }
}