I'm trying to find a good balance with the colors.

[gitweb-theme-danix.git] / gitweb-danixland / gitweb.css

diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index b1f977b..dd44335 100644 (file)
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -55,6 +55,7 @@ a { outline: none; }
   --link-visited: #e7b788;
   --border: 34,40,49,0.035;
   --accent: #FD7014;
+  --bluish-grey: #3f4c77;
   --dark-grey: #393E46;
 /* Icons */
   --file-icon: url("file-dark.svg");
@@ -175,10 +176,8 @@ td, th {
   margin-bottom: 20px;
   font-size: 20px;
   font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
-  background: var(--bg); /* old browsers */
-  background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
-  background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+  background: var(--bluish-grey); /* old browsers */
+  background: linear-gradient(112deg, var(--bluish-grey) 10%, var(--accent) 75%);
   border-bottom: 1px solid rgba(var(--border));
 }
 
@@ -215,10 +214,8 @@ td, th {
 .page_footer,
 .site-footer {
   width: 100%;
-  background: var(--bg); /* old browsers */
-  background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
-  background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+  background: var(--bluish-grey); /* old browsers */
+  background: linear-gradient(112deg, var(--bluish-grey) 65%, var(--accent) 100%);
   margin: 0;
 }
 
@@ -230,7 +227,7 @@ td, th {
 }
 
 .page_footer_text {
-  color: var(--fg);
+  color: var(--bg);
   text-align: right;
   padding-right: 2em;
   display: inline;
@@ -264,14 +261,6 @@ td, th {
 .social-links ul li {
   display: inline-block;
   margin: 1em;
-  padding: 0.5em;
-  width: 3em;
-  height: 3em;
-  text-align: center;
-  border: 1px solid var(--fg);
-  -webkit-border-radius: 2em;
-  -moz-border-radius: 2em;
-  border-radius: 2em;
 }
 
 .social-links ul li a {
@@ -312,8 +301,6 @@ div.page_header a img.logo {
 .index_include {
   width: 95%;
   margin: 0 auto 15px;
-  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;
@@ -340,7 +327,7 @@ div.page_header a img.logo {
 .shortlog th,
 .tree th,
 .commit_search th {
-  color: #afafaf;
+  color: var(--bluish-grey);
   font-weight: normal;
 }
 
@@ -352,10 +339,10 @@ div.page_header a img.logo {
 .shortlog tr,
 .tree tr,
 .commit_search tr {
-  background: #eaeaea;
+  background: var(--bg-alt);
   height: 2.5em;
   text-align: left;
-  color: #545454;
+  color: var(--fg);
 }
 
 .project_list tr.dark, .project_list tr.light,
@@ -735,10 +722,9 @@ div.chunk_block div.new {
 ---------------------------------------------------------------------------- */
 
 td.category {
-  background: var(--bg); /* old browsers */
-  background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
-  background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+  background: var(--accent); /* old browsers */
+  color: var(--dark-grey);
+  padding-left: 2em;
   font-weight: bold;
   border-bottom: 1px solid var(--border);
   border-top: 1px solid var(--border);