build/stylesheets/root.css

   1
   2 :root {
   3
   4     /* color scheme - one dark */
   5     /* --black-normal:   #282C34; */
   6     /* --black-bright:   #454C59; */
   7     /* --red-normal:     #E06C75; */
   8     /* --red-bright:     #FF7A85; */
   9     /* --green-normal:   #98C379; */
  10     /* --green-bright:   #B5E890; */
  11     /* --yellow-normal:  #E5C07B; */
  12     /* --yellow-bright:  #FFD68A; */
  13     /* --blue-normal:    #61AFEF; */
  14     /* --blue-bright:    #69BBFF; */
  15     /* --magenta-normal: #C678DD; */
  16     /* --magenta-bright: #E48AFF; */
  17     /* --cyan-normal:    #56B6C2; */
  18     /* --cyan-bright:    #66D9E8; */
  19     /* --white-normal:   #ABB2BF; */
  20     /* --white-bright:   #CFD7E6; */
  21
  22     /* color scheme - gruvbox */
  23     --black-normal:   #282828;
  24     --black-bright:   #3c3836;
  25     --red-normal:     #cc241d;
  26     --red-bright:     #fb4934;
  27     --green-normal:   #98971a;
  28     --green-bright:   #b8bb26;
  29     --yellow-normal:  #d79921;
  30     --yellow-bright:  #fabd2f;
  31     --blue-normal:    #458588;
  32     --blue-bright:    #83a598;
  33     --magenta-normal: #b16286;
  34     --magenta-bright: #d3869b;
  35     --cyan-normal:    #689d6a;
  36     --cyan-bright:    #8ec07c;
  37     --white-normal:   #a89984;
  38     --white-bright:   #ebdbb2;
  39
  40     --bg-dark:  var(--black-normal);
  41     --bg-light: var(--black-bright);
  42     --text-dark: var(--white-normal);
  43     --text-light: var(--white-bright);
  44
  45     color: var(--text-dark);
  46     background-color: var(--bg-dark);
  47     font-family: 'Courier New', monospace;
  48
  49 }
  50
  51 body {
  52     height: 100%;
  53     margin: 0;
  54     padding: 2rem;
  55 }
  56
  57 h1, h2, h3, h4, h5, h6 {
  58     color: var(--text-light);
  59 }
  60
  61 a {
  62     color: var(--text-light);
  63     transition: color 0.2s;
  64 }
  65 a:hover {
  66     color: var(--text-dark);
  67 }
  68
  69 strong {
  70     color: var(--text-light);
  71 }
  72
  73 pre {
  74
  75     background-color: var(--bg-light);
  76
  77     padding: 0.75rem;
  78
  79     /* border: 1px solid var(--text-light); */
  80     /* border-radius: 0.5rem; */
  81 }
  82
  83 code {
  84     color: var(--text-light);
  85     background-color: var(--bg-light);
  86 }
  87