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 Cell.  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 }