Improve the night mode WebView text selection color. https://redmine.stoutner.com...
[PrivacyBrowser.git] / app / src / main / assets / css / dark_theme.css
1 /*
2  * Copyright © 2017-2018 Soren Stoutner <soren@stoutner.com>.
3  *
4  * This file is part of Privacy Browser <https://www.stoutner.com/privacy-browser>.
5  *
6  * Privacy Browser is free software: you can redistribute it and/or modify
7  * it under the terms of the GNU General Public License as published by
8  * the Free Software Foundation, either version 3 of the License, or
9  * (at your option) any later version.
10  *
11  * Privacy Browser is distributed in the hope that it will be useful,
12  * but WITHOUT ANY WARRANTY; without even the implied warranty of
13  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
14  * GNU General Public License for more details.
15  *
16  * You should have received a copy of the GNU General Public License
17  * along with Privacy Browser.  If not, see <http://www.gnu.org/licenses/>.
18  */
19
20 /* Gray 850 */
21 body {
22     background-color: #313131;
23     color: #BDBDBD;
24 }
25
26 /* Blue 700 */
27 a {
28     color: #1976D2;
29     text-decoration: none;
30 }
31
32 /* Blue 900 */
33 ::selection {
34     background: #0D47A1;
35 }
36
37 /* Blue 600 */
38 h3 {
39     color: #1E88E5;
40 }
41
42 /* Half of Red 900 */
43 strong.red {
44     color: #A71919;
45 }
46
47 /* Blue 400 */
48 strong.blue {
49     color: #42A5F5;
50 }
51
52 /* Blue 400 */
53 item {
54     color: #42A5F5;
55     font-weight: bold;
56 }
57
58 img.inline {
59     height: 16;
60     width: 16;
61 }
62
63 img.title {
64     vertical-align: bottom;
65     height: 32;
66     width: 32;
67 }
68
69 img.icon {
70     vertical-align: middle;
71     height: 32;
72     width: 32;
73 }
74
75 img.left {
76     float: left;
77     height: 32;
78     width: 32;
79 }
80
81 /* An image must be a block to be centered. */
82 img.center {
83     display: block;
84     margin-left: auto;
85     margin-right: auto;
86     height: 640;
87     width: 360;
88 }
89
90
91 /* center21 is for screenshots that have a 2:1 aspect ration (so called 18:9) */
92 /* An image must be a block to be centered. */
93 img.center21 {
94     display: block;
95     margin-left: auto;
96     margin-right: auto;
97     height: 720;
98     width: 360;
99 }