site/assets/css/abstracts/_variables.scss at main · ArgyleWerewolf/site · GitHub

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/*
  All colours are named.
  https://developer.mozilla.org/en-US/docs/Web/CSS/named-color
*/

$themes: (
  default: (
    light: (
      bg-color: honeydew,
      accent-color: crimson,
      title-color: darkslateblue,
      demonstrate-bg-color: darkslateblue,
      demonstrate-text-color: lavenderblush,
      demonstrate-emphasis-text-color: lightsalmon,
      text-color-primary: darkslateblue,
      text-color-secondary: darkslateblue,
      link-color: mediumvioletred,
      link-visited-color: yellowgreen,
      font-family-primary: #{Courier,
      monospace},
      font-family-secondary: #{Courier,
      monospace},
      frame-top-color: yellowgreen,
      frame-right-color: mediumvioletred,
      frame-bottom-color: coral,
      frame-left-color: mediumvioletred,
      sun-color: coral,
      moon-color: gold,
      shadow-color: rgba(mediumvioletred, 0.7),
    ),
    dark: (
      bg-color: darkslateblue,
      accent-color: coral,
      title-color: white,
      demonstrate-bg-color: midnightblue,
      demonstrate-text-color: white,
      demonstrate-emphasis-text-color: coral,
      text-color-primary: lavenderblush,
      text-color-secondary: white,
      link-color: lightpink,
      link-visited-color: greenyellow,
      font-family-primary: #{Courier,
      monospace},
      font-family-secondary: #{Courier,
      monospace},
      frame-top-color: greenyellow,
      frame-right-color: midnightblue,
      frame-bottom-color: lightpink,
      frame-left-color: midnightblue,
      sun-color: coral,
      moon-color: gold,
      shadow-color: rgba(midnightblue, 0.7),
    ),
  ),
  // ah, i see you've found the alternate theme that isn't fully implemented yet!
  assert:
    (
      light: (
        bg-color: midnightblue,
        text-color-primary: greenyellow,
        text-color-secondary: greenyellow,
        link-color: rebeccapurple,
        link-visited-color: violet,
        font-family-primary: #{"Roboto Mono",
        monospace},
        font-family-secondary: #{"Helvetica Neue",
        Helvetica,
        Arial},
      ),
      dark: (
        bg-color: greenyellow,
        text-color-primary: midnightblue,
        text-color-secondary: midnightblue,
        link-color: rebeccapurple,
        link-visited-color: violet,
        font-family-primary: #{"Roboto Mono",
        monospace},
        font-family-secondary: #{"Helvetica Neue",
        Helvetica,
        Arial},
      ),
    ),
);

$breakpoint-desktop: 1024px;