Finish the navigation menu entries with WebView dialogs.
[PrivacyCell.git] / app / src / main / assets / css / theme.css
1 /*
2  * Copyright © 2021 Soren Stoutner <soren@stoutner.com>.
3  *
4  * This file is part of Privacy Cell <https://www.stoutner.com/privacy-cell>.
5  *
6  * Privacy Cell 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 Cell 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 /* Dark colors. */
21 @media (prefers-color-scheme: dark) {
22   body {
23     color: #C1C1C1;  /* Gray 350 */
24     background-color: #424242;  /* Gray 800 */
25   }
26 }
27
28
29 /* Hyperlinks. */
30 a {
31   color: #1976D2;  /* Blue 700 */
32   text-decoration: none;
33 }
34
35 @media (prefers-color-scheme: dark) {
36   a {
37     color: #5785C5;  /* Violet 700 */
38   }
39 }
40
41
42 /* Headers. */
43 h3 {
44   color: #0D47A1;  /* Blue 900 */
45 }
46
47 @media (prefers-color-scheme: dark) {
48   h3 {
49     color: #8AB4F8;  /* Violet 500 */
50   }
51 }
52
53
54 /* Red bold text */
55 strong.red {
56   color: #B71C1C;  /* Red 900. */
57 }
58
59 @media (prefers-color-scheme: dark) {
60   strong.red {
61     color: #FC684E;  /* Salmon. */
62   }
63 }
64
65 /* Blue bold text */
66 strong.blue {
67   color: #1565C0;  /* Blue 800. */
68 }
69
70
71 /* List items. */
72 item {
73   color: #1565C0;  /* Blue 800. */
74   font-weight: bold;
75 }
76
77
78 /* Left aligned images do not allow the icon to be themed. */
79 img.left {
80   float: left;
81   height: 32;
82   width: 32;
83 }
84
85
86 /* SVG icons. */
87 svg.icon {
88   vertical-align: middle;
89   height: 32;
90   width: 32;
91   fill: #000000;  /* Black */
92 }
93
94 @media (prefers-color-scheme: dark) {
95   svg.icon {
96     fill: #FFFFFF;  /* White */
97   }
98 }