Style pt 2HEADmaster

1 files changed, 51 insertions, 10 deletions

diff --git a/cgit.css b/cgit.css
index a328e77..2f1b7e9 100644
--- a/cgit.css
+++ b/cgit.css
@@ -5,6 +5,7 @@
     --colorscheme-red: #FF5722;
     --colorscheme-light-gray: #C0C0C0;
     --colorscheme-dark-gray: #1E1E1E;
+    --colorscheme-green: #35B535;
     --colorscheme-not-so-dark-gray: #2D2D2D;
 }
 
@@ -80,6 +81,35 @@ div#cgit table#header td.form select {
 	font-size: 90%;
 }
 
+div#cgit table#header td.form input {
+	border: none;
+	font-size: 0px;
+	background-image: url("/switch.svg");
+	background-repeat: no-repeat;
+	min-height: 20px;
+	min-width: 20px;
+	background-size: cover;
+	background-position: center;
+}
+
+form.right input[type="submit"],
+.form form input[type="submit"] {
+	border: none;
+	font-size: 0px !important;
+	background-image: url("/search.svg");
+	background-repeat: no-repeat;
+	min-height: 20px;
+	min-width: 20px;
+	background-size: cover;
+	background-position: center;
+}
+
+select {
+	padding: 2px;
+	border: 1.5px solid var(--colorscheme-white);
+	border-radius: 5px;
+}
+
 div#cgit table#header td.sub {
 	font-family: "JetBrains Mono", monospace;
 	font-weight: bold;
@@ -126,6 +156,16 @@ div#cgit table.tabs td.form form {
 	padding-bottom: 2px;
 	font-size: 90%;
 	white-space: nowrap;
+	display: flex;
+	align-items: center;
+}
+
+form {
+	margin: 0 0.5vw 0 0;
+	gap: 0.5vw;
+	display: flex;
+	align-items: center;
+	justify-content: right;
 }
 
 div#cgit table.tabs td.form input,
@@ -133,6 +173,7 @@ div#cgit table.tabs td.form select {
 	font-size: 90%;
 }
 
+
 div#cgit div.path {
 	margin: 0px;
 	padding: 5px 2em 2px 2em;
@@ -665,11 +706,11 @@ div#cgit ul.pager .current {
 
 div#cgit span.age-mins {
 	font-weight: bold;
-	color: #080;
+	color: var(--colorscheme-green);
 }
 
 div#cgit span.age-hours {
-	color: #080;
+	color: var(--colorscheme-green);
 }
 
 div#cgit span.age-days {
@@ -689,7 +730,7 @@ div#cgit span.age-years {
 }
 
 div#cgit span.insertions {
-	color: #080;
+	color: var(--colorscheme-green);
 }
 
 div#cgit span.deletions {
@@ -713,16 +754,16 @@ div#cgit div.footer a:hover {
 }
 
 div#cgit a.branch-deco {
-	color: #000 !important;
+	color: var(--colorscheme-dark-gray) !important;
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
-	background-color: #88ff88;
+	background-color: var(--colorscheme-green);
 	border: solid 1px #aaa;
 	border-radius: 2px;
 }
 
 div#cgit a.tag-deco {
-	color: #000 !important;
+	color: var(--colorscheme-dark-gray) !important;
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: #ffff88;
@@ -731,7 +772,7 @@ div#cgit a.tag-deco {
 }
 
 div#cgit a.tag-annotated-deco {
-	color: #000 !important;
+	color: var(--colorscheme-dark-gray) !important;
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: #ffcc88;
@@ -740,7 +781,7 @@ div#cgit a.tag-annotated-deco {
 }
 
 div#cgit a.remote-deco {
-	color: #000 !important;
+	color: var(--colorscheme-dark-gray) !important;
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: #ccccff;
@@ -749,10 +790,10 @@ div#cgit a.remote-deco {
 }
 
 div#cgit a.deco {
-	color: #000 !important;
+	color: var(--colorscheme-dark-gray) !important;
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
-	background-color: #ff8888;
+	background-color: var(--colorscheme-red);
 	border: solid 1px #770000;
 	border-radius: 2px;
 }