Implement about.html dark theme

Author: yawnoc

CHANGELOG.md

@@ -3,7 +3,7 @@
 
 ## [Unreleased]
 
-- Made app main activity theme dark
+- Implemented dark theme for main activity and About
 - Made `about.html` show full screen
 - Set `max-width` for `about.html`
 

app/src/main/assets/about.cmd

@@ -5,14 +5,21 @@
 %%
   %title About
   %css
+    {: @color/umbrella_orange : #FFCE73 :}
+    {: @color/key_fill : #181818 :}
     body {
+      background: @color/key_fill;
+      color: white;
       font-family: sans-serif;
       font-size: 15px;
       overflow-wrap: break-word;
       padding: 0.5em;
     }
+    a {
+      color: @color/umbrella_orange;
+    }
     footer {
-      border-top: 2px solid black;
+      border-top: 2px solid white;
       margin-top: 1.5em;
       padding-top: 0.75em;
     }
@@ -28,11 +35,12 @@
       font-size: 1.1em;
     }
     html {
+      background: grey;
       margin: 0 auto;
       max-width: 44em;
     }
     .notice {
-      border: 1px solid black;
+      border: 1px solid white;
       padding: 0.5em;
     }
 %%

app/src/main/assets/about.html

@@ -5,13 +5,18 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>About</title>
 <style>body {
+background: #181818;
+color: white;
 font-family: sans-serif;
 font-size: 15px;
 overflow-wrap: break-word;
 padding: 0.5em;
 }
+a {
+color: #FFCE73;
+}
 footer {
-border-top: 2px solid black;
+border-top: 2px solid white;
 margin-top: 1.5em;
 padding-top: 0.75em;
 }
@@ -27,11 +32,12 @@
 font-size: 1.1em;
 }
 html {
+background: grey;
 margin: 0 auto;
 max-width: 44em;
 }
 .notice {
-border: 1px solid black;
+border: 1px solid white;
 padding: 0.5em;
 }</style>
 </head>