summaryrefslogtreecommitdiff
path: root/css/themes.less
blob: 09f11a5cb78b8f0608c098220377f95c750a43c6 (plain)
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
body.theme-default {
   @media (prefers-color-scheme: dark) {
      &, .loading, html:-webkit-full-screen {
         background : #222;
         color : #ccc;
      }

      .modal {
         color : #333;
      }
   }
}

body.theme-gray {
   &, .loading, html:-webkit-full-screen {
      background : #eeeeee;
      color : #424242;
   }

   .header,
   .footer {
      color : #B85C57;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #B85C57;
   }
}

body.theme-light {
   .no-op { color : white; }
}

body.theme-mocca {
   &, .loading, html:-webkit-full-screen {
      background : #3B3228;
      color : #D0C8C6;
   }

   a {
      color : #8AB3B5;
   }

   a:hover {
      color : #7BBDA4;
   }

   .header,
   .footer {
      color : #F4BC87;
   }

   .footer .location {
      color : #BEB55B;
   }

   .header button.btn {
      background : #BB9584;
      color : #534636;
      text-shadow : #534636 0px 0px;
      border-color : #534636;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #F4BC87;
   }
}

body.theme-night {
   &, .loading, html:-webkit-full-screen {
      background : #222;
      color : #ccc;
   }

   a, a:hover {
      color : #00bdaa;
   }

   .modal {
      color : #333;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : darkred;
   }
}

body.theme-plan9 {
   &, .loading, html:-webkit-full-screen {
      background : #FFFFE8;
      color : #424242;
   }

   a {
      color : #22b9b2;
   }

   a:hover {
      color : #28d7cf;
   }

   .header,
   .footer {
      color : #B85C57;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #B85C57;
   }
}

body.theme-sepia {
   &, .loading, html:-webkit-full-screen {
      background : #FAEFDB;
      color : #4a422b;
   }

   .header,
   .footer {
      color : #B85C57;
   }

   .footer .spacer .toc-bar-entry.current-position {
      background : #B85C57;
   }
}