Add a Mastodon entry to About > Links. https://redmine.stoutner.com/issues/573
[PrivacyBrowser.git] / app / src / main / assets / css / theme.css
index ca403a07f33608a2d6dff82397001930a1ae69cc..22d34ebd1460ea5703ceb641bf64c627e466e2b8 100644 (file)
@@ -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.header {
+    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;