all repos — elgit @ 6a0af8df385845ef3d6e756a2da350d3898e700b

fork of legit: web frontend for git, written in go

make styles more closely match website

Alan Pearce
commit

6a0af8df385845ef3d6e756a2da350d3898e700b

parent

b8ec96973905623e25431cd166fd6033729de484

1 file changed, 23 insertions(+), 18 deletions(-)

changed files
M static/style.css → static/style.css
@@ -1,10 +1,10 @@
 :root {
   --diff-header-color: #f4f4f4;
-  --panel-background-color: #eee;
-  --border-color: #ddd;
-  --gray: #6a6a6a;
-  --code-color: #444;
-  --link-color: #222;
+  --panel-background-color: #f2f2f2;
+  --border-color: #222;
+  --muted-color: #888;
+  --code-color: #222;
+  --link-color: #3273dc;
 
   --font-main: Verdana, sans-serif;
   --font-secondary: Verdana, sans-serif;

@@ -18,11 +18,11 @@ :root {
     color-scheme: dark light;
     --background-color: #01242e;
     --diff-header-color: #181818;
-    --panel-background-color: #222;
-    --border-color: #444;
-    --gray: #aaa;
+    --panel-background-color: #000;
+    --border-color: #ccc;
+    --muted-color: #ccc;
     --code-color: #ddd;
-    --link-color: #f4f4f4;
+    --link-color: #8cc2dd;
   }
 }
 

@@ -106,11 +106,11 @@ box-sizing: border-box;
   text-decoration: none;
   word-wrap: break-word;
   color: var(--link-color);
-  text-decoration: underline solid var(--border-color);
+  text-decoration: underline;
 }
 
 a:hover {
-  text-decoration-color: var(--gray);
+  text-decoration-color: var(--muted-color);
 }
 
 .index {

@@ -127,7 +127,7 @@ grid-column: 1 / span 3;
 }
 
 .index-category>header {
-  color: var(--gray);
+  color: var(--muted-color);
   grid-column: 1 / span 3;
   font-style: italic;
 }

@@ -147,7 +147,7 @@ }
 
 .desc {
   font-weight: normal;
-  color: var(--gray);
+  color: var(--muted-color);
   font-style: italic;
 }
 

@@ -209,7 +209,7 @@ border-bottom: 0.1rem solid var(--border-color);
 }
 
 .diff pre {
-  overflow: scroll;
+  overflow: auto;
   margin-top: 1ex;
 }
 

@@ -254,7 +254,7 @@ color: red;
 }
 
 .diff-noop {
-  color: var(--gray);
+  color: var(--muted-color);
 }
 
 .diff-hunk-header {

@@ -264,7 +264,7 @@
 .ref {
   font-family: var(--font-main);
   font-size: 1rem;
-  color: var(--gray);
+  color: var(--muted-color);
   padding-top: 0.7em;
 }
 

@@ -294,6 +294,11 @@ flex-direction: column;
   margin-right: 1ch;
 }
 
+.line-numbers a {
+  color: var(--muted-color);
+  text-decoration: none;
+}
+
 .file-wrapper {
   display: flex;
   flex-direction: row;

@@ -318,12 +323,12 @@ overflow-x: auto;
 }
 
 .diff-type {
-  color: var(--gray);
+  color: var(--muted-color);
 }
 
 .commit-time,
 .commit-author {
-  color: var(--gray);
+  color: var(--muted-color);
   font-size: 0.85rem;
 }