forked from fluid-project/infusion
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Contrast_base.scss
102 lines (92 loc) · 2.52 KB
/
Contrast_base.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
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
// Contains colour variables for contrast themes
// The "blocking" definition used to insulate a part of the interface, e.g. the prefs editor itself, from styling changes
// Do not begin this name with fl-theme because of fl-theme* matching rule in Contrast.scss
.fl-blocking-theme {
--fl-fgColor: #000;
--fl-bgColor: #fff;
--fl-linkColor: #00e;
--fl-selectedFgColor: #fff;
--fl-selectedBgColor: #3297fd;
--fl-buttonFgColor: #000;
--fl-buttonBgColor: #fff;
--fl-prefsEditorBgColor: #bcb5ad;
--fl-prefsEditorFgColor: #5d5652;
--fl-selectBorderFgColor: #ebebeb;
--fl-prefsEditorPanelBorderFgColor: #615e59;
--fl-prefsEditorPanelBorderBottomFgColor: #ccc;
}
.fl-theme-bw {
--fl-fgColor: #000;
--fl-bgColor: #fff;
--fl-linkColor: #000;
--fl-selectedFgColor: revert;
--fl-selectedBgColor: revert;
--fl-buttonFgColor: #000;
--fl-buttonBgColor: #fff;
}
.fl-theme-wb {
--fl-fgColor: #fff;
--fl-bgColor: #000;
--fl-linkColor: #fff;
--fl-selectedFgColor: revert;
--fl-selectedBgColor: revert;
--fl-buttonFgColor: #fff;
--fl-buttonBgColor: #000;
}
.fl-theme-yb {
--fl-fgColor: #ff0;
--fl-bgColor: #000;
--fl-linkColor: #ff0;
--fl-selectedFgColor: revert;
--fl-selectedBgColor: revert;
--fl-buttonFgColor: #ff0;
--fl-buttonBgColor: #000;
}
.fl-theme-by {
--fl-fgColor: #000;
--fl-bgColor: #ff0;
--fl-linkColor: #000;
--fl-selectedFgColor: revert;
--fl-selectedBgColor: revert;
--fl-buttonFgColor: #000;
--fl-buttonBgColor: #ff0;
}
.fl-theme-lgdg {
--fl-fgColor: #bdbdbb;
--fl-bgColor: #555;
--fl-linkColor: #bdbdbb;
--fl-selectedFgColor: revert;
--fl-selectedBgColor: revert;
--fl-buttonFgColor: #bdbdbb;
--fl-buttonBgColor: #555;
}
.fl-theme-gd {
--fl-fgColor: #888;
--fl-bgColor: #222;
--fl-linkColor: #8080ff;
--fl-disabledColor: #c00;
--fl-selectedFgColor: #fff;
--fl-selectedBgColor: #008000;
--fl-buttonFgColor: #fff;
--fl-buttonBgColor: #000;
}
.fl-theme-gw {
--fl-fgColor: #6c6c6c;
--fl-bgColor: #fff;
--fl-linkColor: #66c;
--fl-disabledColor: #933;
--fl-selectedFgColor: #fff;
--fl-selectedBgColor: #404080;
--fl-buttonFgColor: #000;
--fl-buttonBgColor: #fff;
}
.fl-theme-bbr {
--fl-fgColor: #000;
--fl-bgColor: #b96;
--fl-linkColor: #009;
--fl-disabledColor: #600000;
--fl-selectedFgColor: #fff;
--fl-selectedBgColor: #000070;
--fl-buttonFgColor: #000;
--fl-buttonBgColor: #ffd18a;
}