X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=gitweb-danixland%2Fgitweb.css;h=543b37b3c73712f961529bbe0b42fde77beec661;hb=d5af761b8e3b7c35719ffaec6b769099758ca2c7;hp=41b302261de238d67869c2a7ad34248ad3136f75;hpb=1bc0e66a80707335c9d72faa44ccec3f1bc543b1;p=gitweb-theme-danix.git

diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index 41b3022..543b37b 100644
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -45,12 +45,18 @@ a { outline: none; }
 ------------------------------------------------------------------------- */
 :root {
   --bg: #D8D9CF;
+  --bg-alt: #F0EEED;
   --fg: #393E46;
+  --link: #CF4DCE;
+  --border: 34,40,49,0.035;
+  --accent: #FD7014;
 }
 @media screen and (prefers-color-scheme: dark) {
   :root {
     --bg: #393E46;
+    --bg-alt: #222831;
     --fg: #D8D9CF;
+    --border: 216,217,207,0.2;
   }
 }
 
@@ -77,7 +83,7 @@ body {
 }
 
 a:link, a:visited {
-  color: #4183C4;
+  color: var(--link);
   text-decoration: none;
 }
 
@@ -134,16 +140,15 @@ td, th {
   margin-bottom: 20px;
   font-size: 20px;
   font-family: Helvetica, Arial, Freesans, Clean, sans-serif;
-  background: #FFFFFF; /* old browsers */
-  background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F5F5F5)); /* webkit */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5',GradientType=0 ); /* ie */
-  background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
-  border-bottom: 1px solid #dfdfdf;
+  background: var(--bg); /* old browsers */
+  background: -moz-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%); /* firefox */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--bg-alt))); /* webkit */
+  background: -o-linear-gradient(top, var(--bg) 0%, var(--bg-alt) 100%);
+  border-bottom: 1px solid rgba(var(--border));
 }
 
 .page_header a:link, .page_header a:visited {
-  color: #4183C4;
+  color: var(--link);
   text-decoration: none;
   padding: 3px;
   font-weight: bold;
@@ -176,13 +181,13 @@ td, th {
   height: 80px;
   line-height: 80px;
   margin-top: 15px;
-  background: #f1f1f1;
-  border-top: 2px solid #ddd;
-  border-bottom: 1px solid #ddd;
+  background: var(--bg);
+  border-top: 2px solid var(--border);
+  border-bottom: 1px solid var(--border);
 }
 
 .page_footer_text {
-  color: #666;
+  color: var(--fg);
   display: inline;
   float: left;
   margin-left: 25px;
@@ -229,8 +234,8 @@ a.rss_logo:hover {
 .index_include {
   width: 95%;
   margin: 0 auto 15px;
-  background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
-  border: 1px solid #DFDFDF;
+  background: -moz-linear-gradient(center top , var(--bg) 0%, var(--bg-alt) 100%) repeat scroll 0 0 transparent;
+  border: 1px solid var(--border);
   padding: 8px;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
@@ -247,7 +252,7 @@ a.rss_logo:hover {
 .history {
   width: 95%;
   margin: 0 auto 15px auto;
-  border: 1px solid #d8d8d8;
+  border: 1px solid var(--border);
   -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
   -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
   box-shadow: 0 0 3px rgba(0,0,0,0.2);
@@ -776,3 +781,19 @@ td.pre, div.pre, div.diff {
 .kwc    { color:#d4663d; }
 .kwd    { color:#2928ff; }
 
+/*
+ * Styling for my custom added sections
+ */
+
+/* Header */
+div.site-header {
+  background-color: var(--bg-alt);
+  color: var(--fg);
+}
+div.site-header h1 {
+  text-transform: uppercase;
+}
+div.site-header h1 span.evident {
+  background-color: var(--accent);
+  color: var(--bg);
+}