-
Notifications
You must be signed in to change notification settings - Fork 0
/
userContent-grayscale.css
113 lines (93 loc) · 4.01 KB
/
userContent-grayscale.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
body {
background-color: rgb(34, 34, 34) !important; /* background color */
background: rgb(34, 34, 34) !important; /* background color */
background-image: linear-gradient(rgb(34, 34, 34),rgb(34, 34, 34)) !important; /* background gradient, its used on some websites */
color: rgb(221, 221, 221) !important; /* text color */
opacity: 90% !important; /* make everything on the page 90% brightness */
}
* {
scrollbar-color: rgb(180, 180, 180) #333 !important;
scrollbar-width: thin !important;
}
html {
scrollbar-color: rgb(52, 52, 52) rgba(0, 0, 0, 0.01) !important;
scrollbar-width: thin !important;
}
p {
color: rgb(221, 221, 221) !important; /* text color */
}
b, em, i, u, em, small {
color: rgba(196, 196, 196, 1) !important; /* color for bold text and glyphs */
}
/* h1, h2 {
color: rgba(202, 202, 202, 1) !important;
} */
ul, ol, li, del, dt, dd, optgroup, dl {
color: rgba(200, 200, 200, 1) !important; /* color for all list types + */
}
table, td, th, tr, col, caption, thead, tbody, tfoot, colgroup, dialog {
background-color: rgb(51, 51, 51) !important; /* background color for all tables + */
color: rgb(221, 221, 221) !important; /* color for all tables + */
}
img {
filter: brightness(80%) !important; /* make all images have 75% brightness */
background: rgba(34, 34, 34, 0.1)!important; /* background color of loading images (not all websites/images use this) */
background-color: rgba(34, 34, 34, 0.1) !important; /* background color of loading images (not all websites/images use this) */
transition: ease 0.5s !important;
}
img:hover {
transition: ease 0.5s !important;
filter: brightness(100%) !important;
}
code, blockquote, q, nav, sup, sub, strong, mark, marker {
background-color: rgb(51, 51, 51) !important; /* background color for code snippets and quotes + */
color: rgba(204, 204, 204, 1) !important; /* color for code snippets and quotes + */
}
label, form, select, dialog, textarea, input:not([type="checkbox"], [type="radio"], [type="reset"], [type="button"], [type="submit"]) {
background-color: rgb(51, 51, 51) !important; /* background color for forms and input areas + */
color: rgb(221, 221, 221) !important; /* text color for forms and input areas + */
border-color: rgb(187, 187, 187) !important; /* border color */
border-width: 1px !important; /* add 1 pixel width border */
-moz-appearance: none !important;
}
input:is([type="checkbox"], [type="radio"], [type="reset"], [type="button"], [type="submit"]) {
background-color: rgb(204, 204, 204) !important;
color: rgb(34, 34, 34) !important;
filter: invert(100%) hue-rotate(180deg) !important;
}
button, .btn {
background-color: rgb(68, 68, 68) !important; /* background color for buttons */
border-color: rgb(169, 169, 169) !important; /* border color for buttons */
color: rgb(204, 204, 204) !important; /* color for text on buttons */
}
a:link {
color: rgb(238, 238, 238) !important; /* color for unvisited links */
border-bottom: rgb(204, 204, 204) 1px solid !important; /* add underline to all clickable links */
}
a:visited {
color: rgb(170, 170, 170) !important; /* color for visited links */
}
a:hover {
color: rgb(255, 255, 255) !important; /* color for links that mouse hovers over them */
}
/* a:focus {
color: rgb(255, 255, 0) !important;
} */
a:active {
color: rgb(226, 226, 226) !important; /* color for links that you clicked but haven't let go of the left mouse button */
}
/* below lines are for styling about pages in firefox */
@-moz-document url-prefix("about:") {
html, body, div {
background-color: rgba(34, 34, 34, 0.01) !important;
background: rgba(34, 34, 34, 0.01) !important;
background-image: linear-gradient(rgb(34, 34, 34),rgb(34, 34, 34)) !important;}
}
/* style these three pages seperately than other about:pages */
@-moz-document regexp("^about:(downloads|logins|preferences).*") {
*:not(.checkbox-check, input, button, [class*='button-']) {
background-color: rgba(34, 34, 34, 0.01) !important;
background: rgba(34, 34, 34, 0.01) !important;
background-image: linear-gradient(rgb(34, 34, 34),rgb(34, 34, 34)) !important;
color: rgb(221, 221, 221) !important; }
}