]> skyeroc.xyz Git - flatmark/commitdiff
Changes to gitweb CSS
authorSkyebee <skye@skyeroc.xyz>
Wed, 1 Jul 2026 01:41:09 +0000 (21:41 -0400)
committerSkyebee <skye@skyeroc.xyz>
Wed, 1 Jul 2026 01:41:09 +0000 (21:41 -0400)
theme/css/gitweb.css

index d6d68a19d0f0538ae69a6721ccf383dc4b3f6c9e..6ddefc87f92151b3b8d62d999c9774ef6056d660 100644 (file)
 :root {  --animation-01: all 0.4s ease-in-out 0s;}
 
 body {
-       font-family: sans-serif;
-       font-size: small;
-       border: solid #d9d8d1;
-       border-width: 1px;
-       margin: 10px;
-       background-color: #ffffff;
-       color: #000000;
+  font-family: sans-serif;
+  font-size: small;
+  border: 1px solid var(--color-01);
+  margin: 10px;
+  background-color: var(--website-background);
+  color: var(--colorlight);
+  margin-top: 10px;
+  margin: 10px;
+  margin-top: 10px;
+  color: var(--colorlight);
+  color: var(--colorlight);
 }
 
 a {
-       color: #0000cc;
-}
-
-a:hover, a:visited, a:active {
-       color: #880000;
+       color: var(--colordark);
 }
 
 span.cntrl {
@@ -68,15 +68,19 @@ a.list img.avatar {
 }
 
 div.page_header {
-       min-height: 25px;
-       padding: 8px;
-       font-size: 150%;
-       font-weight: bold;
-       background-color: #d9d8d1;
+  /* background-color: rgb(217, 216, 209); */
+  min-height: 25px;
+  padding: 8px;
+  font-size: 150%;
+  font-weight: bold;
+  background-color: var(--color-02);
+  color: var(--colorlight);
+  background-color: var(--color-02);
+  color: var(--colorlight);
 }
 
 div.page_header a:visited, a.header {
-       color: #0000cc;
+       color: var(--colorlight);
 }
 
 div.page_header a:hover {
@@ -98,23 +102,35 @@ div.page_path {
        border-width: 0px 0px 1px;
 }
 
+div.page_container {
+  /* display: block; */
+  background-color: var(--colorlight);
+  color: var(--colordark);
+  max-width: var(--content-width);
+  margin: 0 auto;
+}
+
 div.page_footer {
        min-height: 22px;
        padding: 4px 8px;
-       background-color: #d9d8d1;
+       background-color: #d9;
 }
 
-div.page_footer::after {
-       content: "";
-       display: table;
-       clear: both;
+div.page_footer {
+  /* background-color: rgb(217, 216, 209); */
+  min-height: 22px;
+  padding: 4px 8px;
+  background-color: var(--website-background);
+  color: var(--colorlight);
+  background-color: var(--website-background);
+  color: var(--colorlight);
 }
 
 div.page_footer_text {
-       line-height: 22px;
-       float: left;
-       color: #555555;
-       font-style: italic;
+  /* color: rgb(85, 85, 85); */
+  line-height: 22px;
+  float: left;
+  font-style: italic;
 }
 
 div#generating_info {
@@ -130,12 +146,12 @@ div.page_body {
 }
 
 div.title, a.title {
-       display: block;
-       padding: 6px 8px;
-       font-weight: bold;
-       background-color: #edece6;
-       text-decoration: none;
-       color: #000000;
+  display: block;
+  padding: 6px 8px;
+  font-weight: bold;
+  background-color: var(--color-01);
+  text-decoration: none;
+  color: var(--colorlight);
 }
 
 div.readme {
@@ -279,18 +295,23 @@ th {
 /* do not change row style on hover for 'blame' view */
 tr.light,
 table.blame .light:hover {
-       background-color: #ffffff;
+}
+
+.dark a {
+  color: var(--colorlight);
 }
 
 tr.dark,
 table.blame .dark:hover {
-       background-color: #f6f6f0;
+       background-color:var(--color-02);
+        color:var(--colorlight);
 }
 
 /* currently both use the same, but it can change */
 tr.light:hover,
 tr.dark:hover {
-       background-color: #edece6;
+       background-color: var(--color-gray-01);
+        color: var(--colorlight);
 }
 
 /* boundary commits in 'blame' view */
@@ -650,7 +671,7 @@ span.refs span.head {
 }
 
 span.atnight {
-       color: #cc0000;
+       color: var(--color-02);
 }
 
 span.match {