Add a donation entry to About > Links. https://redmine.stoutner.com/issues/757

[PrivacyBrowserAndroid.git] / app / src / main / assets / css / theme.css

diff --git a/app/src/main/assets/css/theme.css b/app/src/main/assets/css/theme.css
index ca403a07f33608a2d6dff82397001930a1ae69cc..3bdd0b90410a552f80268b0b600f3de592aab655 100644 (file)
--- a/app/src/main/assets/css/theme.css
+++ b/app/src/main/assets/css/theme.css
@@ -1,20 +1,20 @@
 /*
- * Copyright © 2017-2020 Soren Stoutner <soren@stoutner.com>.
+ * Copyright © 2017-2020,2022 Soren Stoutner <soren@stoutner.com>.
  *
- * This file is part of Privacy Browser <https://www.stoutner.com/privacy-browser>.
+ * This file is part of Privacy Browser Android <https://www.stoutner.com/privacy-browser-android>.
  *
- * Privacy Browser is free software: you can redistribute it and/or modify
+ * Privacy Browser Android is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
- * Privacy Browser is distributed in the hope that it will be useful,
+ * Privacy Browser Android is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
- * along with Privacy Browser.  If not, see <http://www.gnu.org/licenses/>.
+ * along with Privacy Browser Android.  If not, see <http://www.gnu.org/licenses/>.
  */
 
 /* Dark colors. */
@@ -37,6 +37,7 @@ a {
   }
 }
 
+
 /* Headers. */
 h3 {
   color: #0D47A1;  /* Blue 900 */
@@ -48,6 +49,7 @@ h3 {
   }
 }
 
+
 /* Red bold text */
 strong.red {
   color: #B71C1C;  /* Red 900. */
@@ -59,17 +61,20 @@ strong.red {
   }
 }
 
+
 /* Blue bold text */
 strong.blue {
   color: #1565C0;  /* Blue 800. */
 }
 
+
 /* List items. */
 item {
   color: #1565C0;  /* Blue 800. */
   font-weight: bold;
 }
 
+
 /* Header images do not allow the icon to be themed. */
 img.header {
   vertical-align: bottom;
@@ -91,6 +96,22 @@ svg.header {
   }
 }
 
+
+/* Links SVGs allow the icon to be themed. */
+svg.links {
+  vertical-align: middle;
+  height: 32;
+  width: 32;
+  fill: #0D47A1;  /* Blue 900 */
+}
+
+@media (prefers-color-scheme: dark) {
+  svg.links {
+    fill: #8AB4F8;  /* Violet 500 */
+  }
+}
+
+
 /* Left aligned images do not allow the icon to be themed. */
 img.left {
   float: left;
@@ -112,11 +133,6 @@ svg.left {
   }
 }
 
-/* Inline images. */
-img.inline {
-  height: 16;
-  width: 16;
-}
 
 /* SVG icons. */
 svg.icon {
@@ -132,6 +148,14 @@ svg.icon {
   }
 }
 
+
+/* Inline images. */
+img.inline {
+  height: 16;
+  width: 16;
+}
+
+
 /* Centered screenshot images.  An image must be a block to be centered. */
 img.center {
   display: block;
@@ -139,4 +163,13 @@ img.center {
   margin-right: auto;
   height: 720;
   width: 360;
+}
+
+/* Centered screenshot images with a 2.16 aspect ratio.  An image must be a block to be centered. */
+img.center216 {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  height: 780;
+  width: 360;
 }
\ No newline at end of file