dark.css (2311B)
1 /* Only if dark theme is requested */
2 @media (prefers-color-scheme: dark) {
3
4 /* Style body and content */
5 html, body, #content > .entry.expanded.selected {
6 color: #fff;
7 background-color: #2e3436;
8 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUUFBQMDAzbIvKLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QkPDBUFCnr7XwAAACZJREFUCNdj+PmB4dsHhvcFDPc3MOy/wFD/AISADCAXKAiU+vkBAFyKE1feGt/VAAAAAElFTkSuQmCC');
9 }
10
11 /* Mobile: white color for title entry of expanded articles */
12 #content > .entry.expanded.selected > .entry-title {
13 color: #fff;
14 }
15
16 /* Style opened navigation bar */
17 #nav-open {
18 padding: 10px;
19 border: none;
20 border-radius: 2px;
21 background-color: #272325;
22 cursor: pointer;
23 margin-left: 15px;
24 margin-right: 15px;
25 margin-top: 5px;
26 font-size: 0.9em;
27 text-align: center;
28 }
29
30 /* Style Links */
31 a,
32 .entry-content a
33 {
34 color: #8af2ea;
35 }
36
37 /* Style Buttons */
38 button {
39 color: white;
40 }
41
42 /* Style entries in lists */
43 .entry.unread .entry-title {
44 color: #eeeeec;
45 }
46 .entry-title {
47 color: #999999;
48 }
49 .source-edit-form {
50 color: #cececc;
51 }
52 .source-title {
53 color: #eeeeec;
54 }
55 .source-add {
56 color: inherit;
57 }
58 .entry, .source {
59 background: #2e343666;
60 border: 1px solid #fff0;
61 }
62
63 /* Opened Entry */
64 .entry.selected {
65 background: #0D1211;
66 border-color: #444F4E;
67 }
68
69 /* Style Toolbar */
70 .entry-toolbar {
71 border-top-color: #444F4E;
72 background-color: #0D1211;
73 }
74
75 /* Toolbar */
76 .entry-smartphone-share button,
77 .entry-toolbar button,
78 .entry-toolbar a
79 {
80 color: #fff;
81 }
82
83 /* Action icons */
84 .refresh-source,
85 #nav-toolbar,
86 #nav-refresh,
87 #nav-settings,
88 #nav-logout
89 {
90 color: #fff;
91 }
92
93 /* Load More Button */
94 .stream-button,
95 .stream-more
96 {
97 background-color: #212426;
98 color: #fff;
99 }
100
101 /* Misc */
102 #fullscreen-entry {
103 background: transparent;
104 }
105 .source-showparams.saved
106 color: white !important;
107 }
108 }
