forked from leotm/W3Schools-Dark-Sublime
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
129 lines (120 loc) · 3.04 KB
/
style.css
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
127
128
129
@-moz-document url-prefix("http://www.w3schools.com/") {
/**
* W3Schools Sublime Theme v1.2.2 by LeoTM
* License: https://creativecommons.org/licenses/by-sa/4.0/
*/
/* 'w3schools' */
body > div.w3-container.top > a {
color: #F8F8F2 !important;
}
/* '.com' */
body > div.w3-container.top > a > span {
color: #A6E22E;
}
@media (min-width: 993px) {
div.w3-right {
color: #F8F8F2 !important;
}
}
/* Site bg + inner tables */
body > div.w3-container.top,
.w3-white, .w3-code.notranslate,
.w3-code.w3-border.notranslate,
.w3-row, th, #entercolor {
background-color: #36372f !important;
}
td {
background-color: #36372f;
}
/* Left sidebar bg + outer tables */
.w3-light-grey, .w3-example,
.w3-sidenav, .w3-container.w3-padding-large {
background-color: #272822 !important;
}
#leftmenuinnerinner > a:hover {
color: #F8F8F2 !important;
background-color: #1b1c17;
}
#leftmenuinnerinner > a.active {
color: #F8F8F2 !important;
background-color: #1b1c17;
}
/* Navbar bg */
#topnav > div:nth-child(1),
.w3-topnav {
background-color: #1b1c17 !important;
}
/* Navbar hover bg */
#topnav > div:nth-child(1) > div > a.active,
.topnavlinks > a:hover {
background-color: black;
}
/* Site text + in tables + buttons */
div#main > p, td, th, li, [id*="color"],
#main > div > a.w3-btn,
a.w3-btn.w3-theme.w3-margin-0,
div#topnav > div > ul.w3-navbar.w3-left > li > a.active,
body > div.w3-container.top > div,
#main > div > div > span,
.w3-code.notranslate,
a.w3-btn.w3-light-grey.w3-hide-small.w3-hide-medium.w3-left.w3-padding,
#main > div > span:nth-child(1),
.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover,.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
color: #F8F8F2 !important;
}
/* Headings (beige) */
span, h1, h2, h3, h4, h5, h6,
#sidemenu > h2 {
color: #E6DB74;
}
/* Table text */
td, #main > div.w3-example > p {
color: #F8F8F2;
}
/* Prevus + Next btns */
#main > div > a.w3-btn {
background: #4CAF50;
border: none;
}
/* Links */
a { color: #66D9EF !important; }
a:visited { color: #139db9 !important; }
a:hover { color: #A6E22E !important; }
body > ul.w3-navbar.w3-theme.w3-card-2.w3-wide > li > a.w3-hover-white.w3-padding-16 {
color: #fff !important;
}
/* Table links (dark blue) */
#main > table > tbody > tr > td > a {
color: #16b1d0 !important;
}
/* Table links (dark blue) */
#main > table > tbody > tr > td > a:visited {
color: #1189a2 !important;
}
#leftmenuinnerinner > a {
color: red;
}
/* Editor */
div#tryitLeaderboard,
div#container > div#textareacontainer,
div.CodeMirror.cm-s-default.CodeMirror-wrap,
div#iframecontainer > div#iframe,
iframe#iframeResult {
background-color: #36372f !important;
}
span.cm-tag {
color: #d55d5d !important;
}
span.cm-tag.cm-bracket {
color: #4CAF50 !important;
}
span.cm-string {
color: #9999ff !important;
}
span.cm-variable, span.cm-def {
color: #a6a6a6 !important;
}
span.cm-property {
color: #ff6666 !important;
}
}