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 600 */
  33 h3 {
  34     color: #1E88E5;
  35 }
  36
  37 /* Half of Red 900 */
  38 strong.red {
  39     color: #A71919;
  40 }
  41
  42 /* Blue 400 */
  43 strong.blue {
  44     color: #42A5F5;
  45 }
  46
  47 /* Blue 400 */
  48 item {
  49     color: #42A5F5;
  50     font-weight: bold;
  51 }
  52
  53 img.inline {
  54     height: 16;
  55     width: 16;
  56 }
  57
  58 img.title {
  59     vertical-align: bottom;
  60     height: 32;
  61     width: 32;
  62 }
  63
  64 img.icon {
  65     vertical-align: middle;
  66     height: 32;
  67     width: 32;
  68 }
  69
  70 img.left {
  71     float: left;
  72     height: 32;
  73     width: 32;
  74 }
  75
  76 /* An image must be a block to be centered. */
  77 img.center {
  78     display: block;
  79     margin-left: auto;
  80     margin-right: auto;
  81     height: 640;
  82     width: 360;
  83 }
  84
  85
  86 /* center21 is for screenshots that have a 2:1 aspect ration (so called 18:9) */
  87 /* An image must be a block to be centered. */
  88 img.center21 {
  89     display: block;
  90     margin-left: auto;
  91     margin-right: auto;
  92     height: 720;
  93     width: 360;
  94 }