Change color scheme from blue to gold
authorLanius Trolling <lanius@laniustrolling.dev>
Wed, 26 Jul 2023 17:46:17 +0000 (13:46 -0400)
committerLanius Trolling <lanius@laniustrolling.dev>
Wed, 26 Jul 2023 17:46:17 +0000 (13:46 -0400)
.idea/misc.xml
graphics/external-link-dark.svg
graphics/external-link.svg
graphics/panel-dark.svg
graphics/panel.svg
src/main/kotlin/info/mechyrdia/lore/views_error.kt
src/main/resources/static/images/external-link-dark.png
src/main/resources/static/images/external-link.png
src/main/resources/static/images/panel-dark.png
src/main/resources/static/images/panel.png
src/main/resources/static/style.css

index f6d0002b3e202df9a0e4ec3341c240d2d78cd569..96c2c2762c535431958dc513422217a454668f0b 100644 (file)
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="FrameworkDetectionExcludesConfiguration">
index 33b87b4c7d96398596aefe45578c1740d39aa430..a052903094b65fb671e91747e9a528e69e1d45d1 100644 (file)
@@ -27,8 +27,8 @@
      inkscape:deskcolor="#d1d1d1"
      showgrid="false"
      inkscape:zoom="59"
-     inkscape:cx="5.0677966"
-     inkscape:cy="7.9661017"
+     inkscape:cx="6.9745763"
+     inkscape:cy="8.2033898"
      inkscape:window-width="2560"
      inkscape:window-height="1529"
      inkscape:window-x="-8"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg187" />
   <path
-     style="fill:#6699ff;fill-opacity:1"
+     style="fill:#ffdd77;fill-opacity:1"
      id="path12"
      d="M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z" />
   <path
-     style="fill:#5588ee;fill-opacity:1"
+     style="fill:#ffcc33;fill-opacity:1"
      id="path10"
      d="M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z" />
   <path
-     style="fill:#4477dd;fill-opacity:1"
+     style="fill:#aa8822;fill-opacity:1"
      id="path14"
      d="M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z" />
 </svg>
index 0a259c3303b72c7d8607921e01a4a49ffbecae4e..d9a6bac38b1851d91853dd5eb1c67a3843b24910 100644 (file)
@@ -26,9 +26,9 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      showgrid="false"
-     inkscape:zoom="41.7193"
-     inkscape:cx="6.280067"
-     inkscape:cy="7.4785531"
+     inkscape:zoom="59"
+     inkscape:cx="7.6864407"
+     inkscape:cy="8.4745763"
      inkscape:window-width="2560"
      inkscape:window-height="1529"
      inkscape:window-x="-8"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg5" />
   <path
-     style="fill:#003399;fill-opacity:1"
+     style="fill:#aa8822;fill-opacity:1"
      id="path12"
      d="M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z" />
   <path
-     style="fill:#3366cc;fill-opacity:1"
+     style="fill:#ffcc33;fill-opacity:1"
      id="path10"
      d="M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z" />
   <path
-     style="fill:#6699ff;fill-opacity:1"
+     style="fill:#ffdd77;fill-opacity:1"
      id="path14"
      d="M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z" />
 </svg>
index a325fb1a5c68beaadabb5850234a21a2f109cbcb..92306d4fb7e8e95488c66834ad8d60fea232ae0c 100644 (file)
@@ -4,7 +4,7 @@
    viewBox="0 0 64 64"
    height="64px"
    width="64px"
-   id="svg248"
+   id="svg6"
    sodipodi:docname="panel-dark.svg"
    inkscape:export-filename="panel-dark.png"
    inkscape:export-xdpi="192"
@@ -15,9 +15,9 @@
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
-     id="defs252" />
+     id="defs10" />
   <sodipodi:namedview
-     id="namedview250"
+     id="namedview8"
      pagecolor="#ffffff"
      bordercolor="#000000"
      borderopacity="0.25"
      inkscape:deskcolor="#d1d1d1"
      showgrid="false"
      inkscape:zoom="14.75"
-     inkscape:cx="28.949153"
-     inkscape:cy="33.084746"
+     inkscape:cx="35.355932"
+     inkscape:cy="30.779661"
      inkscape:window-width="2560"
      inkscape:window-height="1529"
      inkscape:window-x="-8"
      inkscape:window-y="-8"
      inkscape:window-maximized="1"
-     inkscape:current-layer="svg248" />
+     inkscape:current-layer="svg6" />
+  <rect
+     style="fill:#554411;fill-opacity:0.33333334;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect8244"
+     width="58"
+     height="58"
+     x="3"
+     y="3" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340"
+     width="2"
+     height="24"
+     x="2"
+     y="20" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340-5"
+     width="2"
+     height="24"
+     x="2"
+     y="-44"
+     transform="rotate(90)" />
   <path
-     d="M 24,8 A 16,16 0 0 1 8,24 v 16 A 16,16 0 0 1 24,56 H 40 A 16,16 0 0 1 56,40 V 24 A 16,16 0 0 1 40,8 Z"
-     style="fill:#333333;opacity:0.9;stroke:none"
-     id="path244" />
+     id="rect340-0"
+     style="fill:#ffcc33;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 0,0 V 20 H 6 V 6 H 20 V 0 Z"
+     sodipodi:nodetypes="ccccccc" />
   <path
-     d="M 20 4 L 20 8 C 20 14.67 14.67 20 8 20 L 4 20 L 4 44 L 8 44 C 14.67 44 20 49.33 20 56 L 20 60 L 44 60 L 44 56 C 44 49.33 49.33 44 56 44 L 60 44 L 60 20 L 56 20 C 49.33 20 44 14.67 44 8 L 44 4 L 20 4 z M 24 8 L 40 8 A 16 16 0 0 0 56 24 L 56 40 A 16 16 0 0 0 40 56 L 24 56 A 16 16 0 0 0 8 40 L 8 24 A 16 16 0 0 0 24 8 z"
-     style="fill:#99ccff;opacity:1;fill-rule:evenodd;stroke:none"
-     id="path246" />
+     id="rect340-0-87"
+     style="fill:#ffcc33;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 0,64 H 20 V 58 H 6 V 44 H 0 Z"
+     sodipodi:nodetypes="ccccccc" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340-5-5"
+     width="2"
+     height="24"
+     x="-62"
+     y="-43.999996"
+     transform="scale(-1)" />
+  <path
+     id="rect340-0-8"
+     style="fill:#ffcc33;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 64,0 H 44 V 6.0000001 H 58 V 20 h 6 z"
+     sodipodi:nodetypes="ccccccc" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340-5-5-8"
+     width="2"
+     height="24"
+     x="-62"
+     y="20"
+     transform="rotate(-90)" />
+  <path
+     id="rect340-0-8-9"
+     style="fill:#ffcc33;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 64,64 V 44 H 58 V 58 H 44 v 6 z"
+     sodipodi:nodetypes="ccccccc" />
 </svg>
index ed0717880e67f8849b7822d4dfa73db79daf7a65..b601a1388dfed48d6a79255f522e671ea476bf34 100644 (file)
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      showgrid="false"
-     inkscape:zoom="5.2149125"
-     inkscape:cx="24.544995"
-     inkscape:cy="35.858703"
+     inkscape:zoom="14.75"
+     inkscape:cx="36.847458"
+     inkscape:cy="35.254237"
      inkscape:window-width="2560"
      inkscape:window-height="1529"
      inkscape:window-x="-8"
      inkscape:window-y="-8"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg6" />
+  <rect
+     style="fill:#ffcc33;fill-opacity:0.33333334;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect8244"
+     width="58"
+     height="58"
+     x="3"
+     y="3" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340"
+     width="2"
+     height="24"
+     x="2"
+     y="20" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340-5"
+     width="2"
+     height="24"
+     x="2"
+     y="-44"
+     transform="rotate(90)" />
   <path
-     d="M 24,8 A 16,16 0 0 1 8,24 v 16 A 16,16 0 0 1 24,56 H 40 A 16,16 0 0 1 56,40 V 24 A 16,16 0 0 1 40,8 Z"
-     style="fill:#cccccc;opacity:0.9;stroke:none"
-     id="path2" />
+     id="rect340-0"
+     style="fill:#554411;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 0,0 V 20 H 6 V 6 H 20 V 0 Z"
+     sodipodi:nodetypes="ccccccc" />
   <path
-     d="M 20 4 L 20 8 C 20 14.67 14.67 20 8 20 L 4 20 L 4 44 L 8 44 C 14.67 44 20 49.33 20 56 L 20 60 L 44 60 L 44 56 C 44 49.33 49.33 44 56 44 L 60 44 L 60 20 L 56 20 C 49.33 20 44 14.67 44 8 L 44 4 L 20 4 z M 24 8 L 40 8 A 16 16 0 0 0 56 24 L 56 40 A 16 16 0 0 0 40 56 L 24 56 A 16 16 0 0 0 8 40 L 8 24 A 16 16 0 0 0 24 8 z"
-     style="fill:#003366;opacity:1;fill-rule:evenodd;stroke:none"
-     id="path4" />
+     id="rect340-0-87"
+     style="fill:#554411;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 0,64 H 20 V 58 H 6 V 44 H 0 Z"
+     sodipodi:nodetypes="ccccccc" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340-5-5"
+     width="2"
+     height="24"
+     x="-62"
+     y="-43.999996"
+     transform="scale(-1)" />
+  <path
+     id="rect340-0-8"
+     style="fill:#554411;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 64,0 H 44 V 6.0000001 H 58 V 20 h 6 z"
+     sodipodi:nodetypes="ccccccc" />
+  <rect
+     style="fill:#aa8822;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     id="rect340-5-5-8"
+     width="2"
+     height="24"
+     x="-62"
+     y="20"
+     transform="rotate(-90)" />
+  <path
+     id="rect340-0-8-9"
+     style="fill:#554411;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:square;stroke-miterlimit:32;stroke-dasharray:none"
+     d="M 64,64 V 44 H 58 V 58 H 44 v 6 z"
+     sodipodi:nodetypes="ccccccc" />
 </svg>
index 2acb9545d92c08dfe4f59f78f28816e754dc4518..49cde50c2dd0aba05c4e8a963e75a2b213d8b6dd 100644 (file)
@@ -32,7 +32,7 @@ suspend fun ApplicationCall.error403PageExpired(formData: Parameters): HTML.() -
                p {
                        +"The page you were on has expired."
                        request.header(HttpHeaders.Referrer)?.let { referrer ->
-                               +" You can"
+                               +" You can "
                                a(href = referrer) { +"return to the previous page" }
                                +" and retry your action."
                        }
index 8871d2ac97095add20894b2c1c8d32c0193d7f17..dff10580b25d288eb03a57a0cc352574e57b8325 100644 (file)
Binary files a/src/main/resources/static/images/external-link-dark.png and b/src/main/resources/static/images/external-link-dark.png differ
index 2621ef59fc7596310bf6ec6f82a1e9764e2dd4b2..d9b69ab96240b205f99552bd064275775eab7879 100644 (file)
Binary files a/src/main/resources/static/images/external-link.png and b/src/main/resources/static/images/external-link.png differ
index ab424186d1856cc69f6913fc6675d79c288e3c80..7551027ca6aaf67083f7de5dd59eaa55462d51da 100644 (file)
Binary files a/src/main/resources/static/images/panel-dark.png and b/src/main/resources/static/images/panel-dark.png differ
index 0b9ee1e4f3a0feb1f6fc518eaab8e9f5b4f83214..00f564b250de6a269790e669b2fb140383e9d446 100644 (file)
Binary files a/src/main/resources/static/images/panel.png and b/src/main/resources/static/images/panel.png differ
index 7452f27639881222aeb466e99c73d075e37f76a0..831710e1c8c5d4f5ce3ebac2c9fc28a02849391d 100644 (file)
@@ -137,13 +137,11 @@ html {
        padding: 0;
 
        color: var(--text-color);
-       background-color: #aaa;
+       background-color: var(--back-color);
 
        font-family: 'Noto Sans', sans-serif;
        font-size: 100%;
 
-       --text-color: #222;
-
        --h1-size: 1.6em;
        --h2-size: 1.4em;
        --h3-size: 1.2em;
@@ -154,41 +152,44 @@ html {
        * color params *
        ***************/
 
+       --text-color: #222;
+       --back-color: #eda;
+
        --selection-fg: #eee;
-       --selection-bg: rgba(51, 102, 204, 0.6);
+       --selection-bg: rgba(170, 136, 34, 0.6);
 
-       --h1-border: #888;
-       --h1-shadow: #444;
-       --h1-backgr: #aaa;
+       --h1-border: #862;
+       --h1-shadow: #431;
+       --h1-backgr: #c93;
 
-       --h2-border: #666;
+       --h2-border: #430;
 
-       --h3-unline: #888;
+       --h3-unline: #652;
 
-       --list-a-fg: #369;
-       --list-a-h-fg: #fff;
-       --list-a-h-bg: #69c;
+       --list-a-fg: #541;
+       --list-a-h-fg: #feb;
+       --list-a-h-bg: #a82;
 
        --a-fg: #36c;
        --a-v-fg: #63c;
 
-       --tbl-border: #036;
-       --tbl-td-bgr: #eee;
-       --tbl-th-bgr: #258;
+       --tbl-border: #431;
+       --tbl-td-bgr: #feb;
+       --tbl-th-bgr: #862;
 
-       --input-bg: #aaa;
-       --input-ul: #222;
-       --input-fg: #024;
-       --input-f-bg: #777;
+       --input-bg: #ba7;
+       --input-ul: #444133;
+       --input-fg: #111;
+       --input-f-bg: #985;
 
        --err-bg: #e77;
        --err-fg: #422;
        --err-ul: #211;
 
-       --btn-fg: #bdf;
-       --btn-bg: #06c;
-       --btn-h-bg: #05a;
-       --btn-a-bg: #048;
+       --btn-fg: #feb;
+       --btn-bg: #ca4;
+       --btn-h-bg: #a82;
+       --btn-a-bg: #860;
 
        --evil-btn-fg: #fcc;
        --evil-btn-bg: #c33;
@@ -198,14 +199,14 @@ html {
        --btn-na-bg: #444;
        --btn-na-fg: #bbb;
 
-       --iframe-border: #036;
+       --iframe-border: #541;
 
        --error-popup-border: #933;
        --error-popup-backgr: #faa;
        --error-popup-foregr: #622;
 
-       --comment-stroke: #025;
-       --comment-fill: #bbb;
+       --comment-stroke: #541;
+       --comment-fill: #ec6;
 
        --quote-bg: rgba(0, 0, 0, 0.1);
 
@@ -214,54 +215,53 @@ html {
        *************/
 
        --panel: url("/static/images/panel.png");
-       --bgimg: linear-gradient(to bottom, #def, #abc);
+       --bgimg: linear-gradient(to bottom, #feb, #cb8);
        --extln: url("/static/images/external-link.png");
 }
 
 html[data-theme="dark"] {
-       background-color: #555;
-
        /***************
        * color params *
        ***************/
 
        --text-color: #ddd;
+       --back-color: #652;
 
        --selection-fg: #111;
-       --selection-bg: rgba(102, 153, 255, 0.9);
+       --selection-bg: rgba(255, 221, 119, 0.9);
 
-       --h1-border: #333;
-       --h1-shadow: #bbb;
-       --h1-backgr: #111;
+       --h1-border: #862;
+       --h1-shadow: #c93;
+       --h1-backgr: #431;
 
-       --h2-border: #999;
+       --h2-border: #feb;
 
-       --h3-unline: #777;
+       --h3-unline: #dc9;
 
-       --list-a-fg: #9cf;
-       --list-a-h-fg: #333;
-       --list-a-h-bg: #9cf;
+       --list-a-fg: #feb;
+       --list-a-h-fg: #541;
+       --list-a-h-bg: #fd7;
 
        --a-fg: #69f;
        --a-v-fg: #96f;
 
-       --tbl-border: #9cf;
-       --tbl-td-bgr: #111;
-       --tbl-th-bgr: #7ad;
+       --tbl-border: #c93;
+       --tbl-td-bgr: #430;
+       --tbl-th-bgr: #a82;
 
-       --input-bg: #555;
-       --input-ul: #ddd;
-       --input-fg: #bdf;
-       --input-f-bg: #888;
+       --input-bg: #985;
+       --input-ul: #ccc399;
+       --input-fg: #eee;
+       --input-f-bg: #ba7;
 
        --err-bg: #844;
        --err-fg: #fcc;
        --err-ul: #422;
 
-       --btn-fg: #024;
-       --btn-bg: #39f;
-       --btn-h-bg: #7bf;
-       --btn-a-bg: #bdf;
+       --btn-fg: #111;
+       --btn-bg: #860;
+       --btn-h-bg: #a82;
+       --btn-a-bg: #ca4;
 
        --evil-btn-fg: #411;
        --evil-btn-bg: #d33;
@@ -271,14 +271,14 @@ html[data-theme="dark"] {
        --btn-na-bg: #bbb;
        --btn-na-fg: #444;
 
-       --iframe-border: #9cf;
+       --iframe-border: #feb;
 
        --error-popup-border: #311;
        --error-popup-backgr: #622;
        --error-popup-foregr: #fcc;
 
-       --comment-stroke: #bdf;
-       --comment-fill: #222;
+       --comment-stroke: #feb;
+       --comment-fill: #652;
 
        --quote-bg: rgba(255, 255, 255, 0.1);
 
@@ -287,55 +287,54 @@ html[data-theme="dark"] {
        *************/
 
        --panel: url("/static/images/panel-dark.png");
-       --bgimg: linear-gradient(to bottom, #347, #123);
+       --bgimg: linear-gradient(to bottom, #763, #430);
        --extln: url("/static/images/external-link-dark.png");
 }
 
 @media only screen and (prefers-color-scheme: dark) {
        html[data-theme="light"] {
-               background-color: #aaa;
-
                /***************
                * color params *
                ***************/
 
                --text-color: #222;
+               --back-color: #eda;
 
                --selection-fg: #eee;
-               --selection-bg: rgba(51, 102, 204, 0.6);
+               --selection-bg: rgba(170, 136, 34, 0.6);
 
-               --h1-border: #888;
-               --h1-shadow: #444;
-               --h1-backgr: #aaa;
+               --h1-border: #862;
+               --h1-shadow: #431;
+               --h1-backgr: #c93;
 
-               --h2-border: #666;
+               --h2-border: #430;
 
-               --h3-unline: #888;
+               --h3-unline: #652;
 
-               --list-a-fg: #369;
-               --list-a-h-fg: #fff;
-               --list-a-h-bg: #69c;
+               --list-a-fg: #541;
+               --list-a-h-fg: #feb;
+               --list-a-h-bg: #a82;
 
                --a-fg: #36c;
                --a-v-fg: #63c;
 
-               --tbl-border: #036;
-               --tbl-td-bgr: #eee;
-               --tbl-th-bgr: #258;
+               --tbl-border: #431;
+               --tbl-td-bgr: #feb;
+               --tbl-th-bgr: #862;
 
-               --input-bg: #aaa;
-               --input-ul: #222;
-               --input-fg: #024;
-               --input-f-bg: #777;
+               --input-bg: #ba7;
+               --input-ul: #444133;
+               --input-fg: #111;
+               --input-f-bg: #985;
 
                --err-bg: #e77;
                --err-fg: #422;
                --err-ul: #211;
 
-               --btn-fg: #bdf;
-               --btn-bg: #06c;
-               --btn-h-bg: #05a;
-               --btn-a-bg: #048;
+               --btn-fg: #feb;
+               --btn-bg: #ca4;
+               --btn-h-bg: #a82;
+               --btn-a-bg: #860;
 
                --evil-btn-fg: #fcc;
                --evil-btn-bg: #c33;
@@ -345,14 +344,14 @@ html[data-theme="dark"] {
                --btn-na-bg: #444;
                --btn-na-fg: #bbb;
 
-               --iframe-border: #036;
+               --iframe-border: #541;
 
                --error-popup-border: #933;
                --error-popup-backgr: #faa;
                --error-popup-foregr: #622;
 
-               --comment-stroke: #025;
-               --comment-fill: #bbb;
+               --comment-stroke: #541;
+               --comment-fill: #ec6;
 
                --quote-bg: rgba(0, 0, 0, 0.1);
 
@@ -361,54 +360,53 @@ html[data-theme="dark"] {
                *************/
 
                --panel: url("/static/images/panel.png");
-               --bgimg: linear-gradient(to bottom, #def, #abc);
+               --bgimg: linear-gradient(to bottom, #feb, #cb8);
                --extln: url("/static/images/external-link.png");
        }
 
        html {
-               background-color: #555;
-
                /***************
                * color params *
                ***************/
 
                --text-color: #ddd;
+               --back-color: #652;
 
                --selection-fg: #111;
-               --selection-bg: rgba(102, 153, 255, 0.9);
+               --selection-bg: rgba(255, 221, 119, 0.9);
 
-               --h1-border: #333;
-               --h1-shadow: #bbb;
-               --h1-backgr: #111;
+               --h1-border: #862;
+               --h1-shadow: #c93;
+               --h1-backgr: #431;
 
-               --h2-border: #999;
+               --h2-border: #feb;
 
-               --h3-unline: #777;
+               --h3-unline: #dc9;
 
-               --list-a-fg: #9cf;
-               --list-a-h-fg: #333;
-               --list-a-h-bg: #9cf;
+               --list-a-fg: #feb;
+               --list-a-h-fg: #541;
+               --list-a-h-bg: #fd7;
 
                --a-fg: #69f;
                --a-v-fg: #96f;
 
-               --tbl-border: #9cf;
-               --tbl-td-bgr: #111;
-               --tbl-th-bgr: #7ad;
+               --tbl-border: #c93;
+               --tbl-td-bgr: #430;
+               --tbl-th-bgr: #a82;
 
-               --input-bg: #555;
-               --input-ul: #ddd;
-               --input-fg: #bdf;
-               --input-f-bg: #888;
+               --input-bg: #985;
+               --input-ul: #ccc399;
+               --input-fg: #eee;
+               --input-f-bg: #ba7;
 
                --err-bg: #844;
                --err-fg: #fcc;
                --err-ul: #422;
 
-               --btn-fg: #024;
-               --btn-bg: #39f;
-               --btn-h-bg: #7bf;
-               --btn-a-bg: #bdf;
+               --btn-fg: #111;
+               --btn-bg: #860;
+               --btn-h-bg: #a82;
+               --btn-a-bg: #ca4;
 
                --evil-btn-fg: #411;
                --evil-btn-bg: #d33;
@@ -418,14 +416,14 @@ html[data-theme="dark"] {
                --btn-na-bg: #bbb;
                --btn-na-fg: #444;
 
-               --iframe-border: #9cf;
+               --iframe-border: #feb;
 
                --error-popup-border: #311;
                --error-popup-backgr: #622;
                --error-popup-foregr: #fcc;
 
-               --comment-stroke: #bdf;
-               --comment-fill: #222;
+               --comment-stroke: #feb;
+               --comment-fill: #652;
 
                --quote-bg: rgba(255, 255, 255, 0.1);
 
@@ -434,7 +432,7 @@ html[data-theme="dark"] {
                *************/
 
                --panel: url("/static/images/panel-dark.png");
-               --bgimg: linear-gradient(to bottom, #457, #013);
+               --bgimg: linear-gradient(to bottom, #763, #430);
                --extln: url("/static/images/external-link-dark.png");
        }
 }