More dark colors

[wiki.git] / sys / geekigeeki.css

diff --git a/sys/geekigeeki.css b/sys/geekigeeki.css
index f02847acbd97a4a2228fec83bbe31668393ac23a..75115dd3f452a34a11a55ccf2ee16a90ae985dfb 100644 (file)
--- a/sys/geekigeeki.css
+++ b/sys/geekigeeki.css
@@ -1,7 +1,4 @@
-/*
- * Author: Gerardo Poggiali <g.poggiali@develer.com>
- * Author: Bernie Innocenti <bernie@codewiz.org>
- */
+/* Author: Bernie Innocenti <bernie@codewiz.org> */
 
 body {
        font-family: sans-serif;
@@ -13,7 +10,7 @@ body {
 }
 
 html {
-       cursor: url('/sys/pointer.cur');
+       cursor: url('/wiki/sys/pointer.cur'), auto;
 }
 
 a { color: #1010FF; }
@@ -35,12 +32,7 @@ h1 {
        color: #3377FF;
        border: #5599EE;
        background-color: #D0F0FF;
-
-       border-style: solid;
-       border-left-style: none;
-       border-right-style: none;
-       border-top-width: thin;
-       border-bottom-width: thin;
+       clear: both;
 
        margin-bottom: 0.2em;
        margin-top: 2em;
@@ -150,13 +142,11 @@ div.index {
 }
 
 div.nav {
-       /*border-color: #88aacc;
-       background-color: #aaccee;*/
        border-color: #888888;
        background-color: #cccccc;
-       border-style: solid
+       border-style: solid;
        border-top-width: 0px;
-       border-bottom-width: 2px;
+       border-bottom-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        padding-top:    5px;
@@ -260,7 +250,7 @@ table {
 }
 
 table tbody thead {
-       background: #f7f7f0
+       background: #f7f7f0;
 }
 
 /* FIXME: should be thead */
@@ -384,11 +374,11 @@ div .innerthumb {
 
 /* Styles for search word highlighting */
 @media screen {
- .searchword0 { background: #ff9 }
- .searchword1 { background: #cfc }
- .searchword2 { background: #cff }
- .searchword3 { background: #ccf }
- .searchword4 { background: #fcf }
+  .searchword0 { background: #ff9 }
+  .searchword1 { background: #cfc }
+  .searchword2 { background: #cff }
+  .searchword3 { background: #ccf }
+  .searchword4 { background: #fcf }
 }
 
 @media print {
@@ -401,10 +391,57 @@ div .innerthumb {
        h3 { font-size: 12pt; border: none; }
        h4 { font-size: 12pt; border: none; }
        h5 { font-size: 12pt; border: none; }
-       a, a:link, a:visited { color: #225; text-decoration: underline; }
+       a { text-color: #225; text-decoration: underline; }
        .heading:link, .heading:visited { display: none; }
        #footer { display: none; }
        .nav { display: none; }
        .noprint { display: none; }
        div.wiki { font-size: smaller; }
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #181818;
+    color: #ffffff;
+  }
+
+  a { color: #9bd1ff; }
+  a:visited { color: #9b669b; }
+  a.nonexistent { color: #f0d0d0; }
+  a.navlink { color: #d1d1ff; }
+  a.login { color: #bb6666; }
+
+  div.nav {
+    border-color: #606060;
+    background-color: #303030;
+  }
+
+  body {
+    background-color: #181818;
+    color: #FFFFFF;
+  }
+
+  a { color: #9Bd1ff; }
+  a:visited { color: #778899; }
+  a.nonexistent { color: #f0d0d0; }
+  a.navlink { color: #d1d1ff; }
+  a.login { color: #bb6666; }
+  a.heading { text-decoration: none; color: #666666; font-size: smaller; }
+
+  div.nav {
+    border-color: #606060;
+    background-color: #303030;
+  }
+
+  table { border: 2px solid #444; }
+  table tbody thead { background: #2f2f2f; }
+  table tbody th {
+          border: 1px solid #555;
+          border-bottom-color: #777;
+  }
+  table tbody td { border: 1px dotted #555; }
+  table tbody tr { border-top: 1px solid #555; }
+  table tbody tr.even { background-color: #303030; }
+  table tbody tr.odd { background-color: #393939; }
+  table tbody tr:hover { background: #444 !important; }
+}