From 4ea139192d7cfcdaf33146fb41aa79211569eb4a Mon Sep 17 00:00:00 2001
From: Marius <gilberg@gmail.com>
Date: Wed, 14 Oct 2020 22:30:51 +0200
Subject: [PATCH] lots...

---
 CSS/themes/gitea/aquamarine.css    |   1 +
 CSS/themes/gitea/dark.css          |   5 +-
 CSS/themes/gitea/gitea-base.css    | 245 +++++++++++++++++++++++++----
 CSS/themes/gitea/hotline.css       |   1 +
 CSS/themes/gitea/organizr-dark.css |   3 +-
 CSS/themes/gitea/plex.css          |   1 +
 CSS/themes/gitea/space-gray.css    |   1 +
 7 files changed, 227 insertions(+), 30 deletions(-)

diff --git a/CSS/themes/gitea/aquamarine.css b/CSS/themes/gitea/aquamarine.css
index 924ee96f..7ad72fa1 100644
--- a/CSS/themes/gitea/aquamarine.css
+++ b/CSS/themes/gitea/aquamarine.css
@@ -18,6 +18,7 @@
   --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
   --button-color: #009688;
   --button-color-hover: #12afa0;
+  --button-text: #eee;
   --accent-color:  #12afa0;
   --accent-color-hover: #fff;
   --text: #eee;
diff --git a/CSS/themes/gitea/dark.css b/CSS/themes/gitea/dark.css
index 5ee69db1..5ccd4b76 100644
--- a/CSS/themes/gitea/dark.css
+++ b/CSS/themes/gitea/dark.css
@@ -18,9 +18,10 @@
   --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
   --button-color: hsla(0,0%,100%,.15);
   --button-color-hover: hsla(0,0%,100%,.30);
-  --accent-color:  #fff;
+  --button-text: #eee;
+  --accent-color:  #646464;
   --accent-color-hover: rgba(255, 255, 255, 0.45);
-  --text: #eee;
+  --text: #b7b7b7;
   --text-hover: #fff;
   --link-hover: rgba(255, 255, 255, 0.45);
 }
\ No newline at end of file
diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css
index c216938e..0dd6e8e6 100644
--- a/CSS/themes/gitea/gitea-base.css
+++ b/CSS/themes/gitea/gitea-base.css
@@ -15,14 +15,22 @@ body {
 }
 
 a,
-.home a {
+.home a,
+.ui.user.list .item .description a,
+.ui.breadcrumb a {
     color: var(--link-color);
 }
 
-a:hover {
+a:hover,
+.ui.user.list .item .description a:hover,
+.ui.breadcrumb a:hover {
     color: #fff;
 }
 
+* {
+    outline: none;
+}
+
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {
@@ -71,7 +79,6 @@ h4,
 h5,
 h6,
 p,
-b,
 strong,
 footer,
 .ui.list>.item .description,
@@ -80,10 +87,22 @@ footer,
 .ui.checkbox label,
 .form .help,
 .ui.header,
-.ui.form .field>label {
+.ui .text.black,
+.ui.header .sub.header,
+.ui.form .field>label,
+.ui.form .inline.field>label,
+.ui.form .inline.field>p,
+.ui.form .inline.fields .field>label,
+.ui.form .inline.fields .field>p,
+.ui.form .inline.fields>label,
+.ui.dropdown .menu>.message:not(.ui) {
     color: var(--text) !important;
 }
 
+b:hover {
+    color: var(--text-hover);
+}
+
 /* NAVBAR */
 .following.bar.light {
     background-color: transparent;
@@ -116,7 +135,7 @@ footer,
 }
 
 .ui.segment {
-    background: rgb(255 255 255 / 8%);
+    background: rgb(255 255 255 / 8%) !important;
 }
 
 .ui.attached.header {
@@ -144,6 +163,12 @@ footer,
     background: rgb(0 0 0 / 25%);
 }
 
+@media only screen and (max-width: 1200px) {
+    .ui.menu.new-menu:after {
+        background-image: inherit;
+    }
+}
+
 .ui.secondary.pointing.menu .active.item,
 .ui.secondary.pointing.menu .active.item:hover {
     border-color: currentColor;
@@ -193,6 +218,12 @@ footer,
     background: rgb(255 255 255 / 0.07);
 }
 
+.ui.dropdown .menu .selected.item,
+.ui.dropdown.selected {
+    background: rgb(0 0 0 / 0.25);
+    color: var(--text-hover);
+}
+
 .ui.dropdown .menu .active.item {
     color: var(--accent-color);
     outline: none !important;
@@ -217,6 +248,7 @@ footer,
 
 .ui.selection.dropdown:focus {
     border-color: rgba(255, 255, 255, .08);
+    background: rgb(0 0 0 / 50%);
     box-shadow: none;
 }
 
@@ -242,11 +274,24 @@ footer,
 
 /* MESSAGES */
 .ui.negative.message {
-    background-color: currentColor;
-    color: #9f3a38;
+    background-color: #F44336;
     box-shadow: none !important;
 }
 
+.ui.negative.message p {
+    color: white !important;
+    box-shadow: none !important;
+}
+
+.ui.positive.message {
+    background-color: #4CAF50;
+    box-shadow: none !important;
+}
+
+.ui.positive.message p {
+    color: white !important;
+}
+
 /* DASHBOARD */
 .vch__wrapper {
     filter: invert(100);
@@ -264,10 +309,16 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
 }
 
 #app .ui.menu .active.item {
-    background: rgb(0 0 0 / 25%) !important;
     color: var(--text);
 }
 
+.ui.menu .active.item {
+    background: rgba(0, 0, 0, .05) !important;
+    color: var(--text);
+    font-weight: 400;
+    box-shadow: none;
+}
+
 #app .ui.link.menu .item:hover,
 .ui.menu .dropdown.item:hover,
 .ui.menu .link.item:hover,
@@ -291,6 +342,10 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
     color: var(--accent-color);
 }
 
+.repo-header .ui.breadcrumb a:hover {
+    color: var(--accent-color-hover);
+}
+
 .repo-header .ui.breadcrumb .divider {
     color: rgb(255 255 255 / 40%);
 }
@@ -313,22 +368,57 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
 
 .repository .ui.menu {
     background: rgb(0 0 0 / 0%);
-    border: 1px solid rgba(34, 36, 38, .15);
+    border: 1px solid transparent;
     box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
 }
 
 .repository .ui.menu .active.item {
-    background: rgb(0 0 0 / 25%);
+    background: var(--main-bg-color);
     color: var(--text);
     font-weight: 400;
     box-shadow: none;
 }
 
+/* COMMIT STUFF */
+#git-graph-container li a {
+    color: var(--link-color);
+}
+
+#git-graph-container li a:hover {
+    color: var(--text-hover);
+}
+
+#git-graph-container #rev-list li.highlight,
+#git-graph-container #rev-list li.hover {
+    background-color: rgba(255, 255, 255, .05);
+}
+
+#git-graph-container #rev-list li.highlight.hover {
+    background-color: rgba(255, 255, 255, .05);
+}
+
+#git-graph-container li .author {
+    color: var(--accent-color);
+}
+
 .repository .ui.segment.sub-menu .list .item a,
 .repository .ui.segment.sub-menu .list .item span.ui {
     color: var(--text);
 }
 
+.repository .ui.segment.sub-menu .list .item a:hover,
+.repository .ui.segment.sub-menu .list .item b:hover {
+    color: var(--text-hover) !important;
+}
+
+.repository .ui.segment.sub-menu .list .item.active {
+    background: rgba(255, 255, 255, 0.07);
+}
+
+.repository.file.list #repo-files-table tbody .svg {
+    color: var(--text);
+}
+
 .ui.blue.labels .label,
 .ui.ui.ui.blue.label {
     background-color: var(--accent-color);
@@ -336,21 +426,45 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
     color: var(--text-hover);
 }
 
+.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+}
+
+.repository #commits-table.ui.table>tbody {
+    background-color: transparent !important;
+}
+
 /* TABLE */
 .ui.table>thead>tr>th {
-    background: rgb(0 0 0 / 50%);
+    background: rgb(0 0 0 / 25%);
     color: var(--text);
-    border-bottom: 1px solid rgba(34, 36, 38, .1);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .ui.table {
+    width: 100%;
+    background: rgb(255 255 255 / 0.0);
+    border: 1px solid rgba(34, 36, 38, .15);
+    color: var(--text);
+}
+
+.ui.table>tbody {
     background: rgb(255 255 255 / 8%);
     border: 1px solid rgba(34, 36, 38, .15);
     color: var(--text);
 }
 
+.ui.table>tbody>tr>td,
+.ui.table>tr>td {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+.repository.file.list #repo-files-table thead tr:hover {
+    background-color: rgba(0, 0, 0, 0.0) !important;
+}
+
 .repository.file.list #repo-files-table tr:hover {
-    background-color: rgb(255 255 255 / 8%);
+    background: rgba(255, 255, 255, 0.08);
 }
 
 /* FOOTER */
@@ -370,33 +484,52 @@ footer {
     background: var(--accent-color);
 }
 
+.ui.primary.button,
+.ui.primary.buttons .button {
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.ui.primary.button:hover,
+.ui.primary.buttons .button:hover {
+    background-color: var(--button-color-hover);
+    color: var(--button-text);
+}
+
 .ui.green.button,
 .ui.green.buttons .button {
     background-color: var(--button-color);
-    color: var(--text);
+    color: var(--button-text);
+}
+
+.ui.green.button:focus,
+.ui.green.buttons .button:focus {
+    background-color: var(--button-color-hover);
+    color: var(--button-text);
+    text-shadow: none;
 }
 
 .ui.green.button:hover,
 .ui.green.buttons .button:hover {
     background-color: var(--button-color-hover);
-    color: var(--text-hover);
+    color: var(--button-text);
 }
 
 .ui.blue.button,
 .ui.blue.buttons .button {
     background-color: var(--button-color);
-    color: var(--text);
+    color: var(--button-text);
 }
 
 .ui.blue.button:hover,
 .ui.blue.buttons .button:hover {
     background-color: var(--button-color-hover);
-    color: var(--text-hover);
+    color: var(--button-text);
 }
 
 .ui.active.button,
 .ui.active.button:hover {
-    color: var(--text-hover);
+    color: var(--button-text);
 }
 
 .ui.active.button,
@@ -408,12 +541,12 @@ footer {
 
 .ui.button {
     background: var(--button-color);
-    color: var(--text);
+    color: var(--button-text);
 }
 
 .ui.button:hover {
     background: var(--button-color-hover);
-    color: var(--text-hover);
+    color: var(--button-text);
 }
 
 .ui.basic.blue.button,
@@ -425,12 +558,12 @@ footer {
 .ui.basic.blue.button:hover,
 .ui.basic.blue.buttons .button:hover {
     background: var(--button-color) !important;
-    color: var(--text-hover) !important;
+    color: var(--button-text) !important;
 }
 
 .ui.basic.button,
 .ui.basic.buttons .button {
-    color: var(--text);
+    color: var(--button-text);
     box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%);
 }
 
@@ -439,7 +572,7 @@ footer {
 .ui.basic.buttons .button:focus,
 .ui.basic.buttons .button:hover {
     background: rgb(0 0 0 / 25%);
-    color: var(--text);
+    color: var(--button-text);
     box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .35), inset 0 0 0 0 rgba(34, 36, 38, .15);
 }
 
@@ -512,23 +645,81 @@ footer {
     color: var(--text);
 }
 
+.ui.icon.input>i.icon {
+    color: var(--text);
+}
+
+/* MARKDOWN */
+.markdown tbody {
+    background: #f000 !important;
+}
+
+.markdown:not(code) table tr {
+    background-color: rgba(0, 0, 0, .26);
+    border-top: 1px solid #ccc;
+}
+
+.markdown:not(code) table tr:nth-child(2n) {
+    background-color: rgba(0, 0, 0, .45);
+}
+
 /* PLACEHOLDER TEXT */
 ::placeholder {
     color: var(--text) !important;
-    opacity: .7;
+    opacity: .5;
 }
 
 :-moz-placeholder {
     color: var(--text) !important;
-    opacity: .7;
+    opacity: .5;
 }
 
 :-ms-input-placeholder {
     color: var(--text) !important;
-    opacity: .7;
+    opacity: .5;
 }
 
 ::-webkit-input-placeholder {
     color: var(--text) !important;
-    opacity: .7;
+    opacity: .5;
+}
+
+/* HIGHLIGHTING */
+::-webkit-selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
+}
+
+::-moz-selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
+}
+
+::selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
+}
+
+textarea::-webkit-selection,
+input::-webkit-selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
+}
+
+textarea::selection,
+input::selection {
+    background-color: var(--accent-color);
+    color: var(--text-hover);
 }
\ No newline at end of file
diff --git a/CSS/themes/gitea/hotline.css b/CSS/themes/gitea/hotline.css
index e63096af..8228d0ce 100644
--- a/CSS/themes/gitea/hotline.css
+++ b/CSS/themes/gitea/hotline.css
@@ -18,6 +18,7 @@
   --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
   --button-color: hsla(0,0%,100%,.15);
   --button-color-hover: hsla(0,0%,100%,.30);
+  --button-text: #eee;
   --accent-color:  #F44336;
   --accent-color-hover: #0b3161;
   --text: #eee;
diff --git a/CSS/themes/gitea/organizr-dark.css b/CSS/themes/gitea/organizr-dark.css
index 07f326d5..3ce15cdf 100644
--- a/CSS/themes/gitea/organizr-dark.css
+++ b/CSS/themes/gitea/organizr-dark.css
@@ -18,9 +18,10 @@
   --modal-bg-color: #1b1b1b;
   --button-color: #2cabe3;
   --button-color-hover: rgb(44 171 227 / .8);
+  --button-text: #eee;
   --accent-color:#2cabe3;
   --accent-color-hover: #fff;
-  --text: #eee;
+  --text: #96a2b4;
   --text-hover: #fff;
   --link-color: #2cabe3;
 }
\ No newline at end of file
diff --git a/CSS/themes/gitea/plex.css b/CSS/themes/gitea/plex.css
index 4a6c65dc..12f1c619 100644
--- a/CSS/themes/gitea/plex.css
+++ b/CSS/themes/gitea/plex.css
@@ -18,6 +18,7 @@
   --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
   --button-color: #cc7b19;
   --button-color-hover: #e59029;
+  --button-text: #eee;
   --accent-color:  #e5a00d;
   --accent-color-hover: #ffc107;
   --text: #eee;
diff --git a/CSS/themes/gitea/space-gray.css b/CSS/themes/gitea/space-gray.css
index a3b00606..14702bda 100644
--- a/CSS/themes/gitea/space-gray.css
+++ b/CSS/themes/gitea/space-gray.css
@@ -18,6 +18,7 @@
   --modal-bg-color: radial-gradient( ellipse at top,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; 
   --button-color: #607D8B;
   --button-color-hover: #81a6b7;
+  --button-text: #eee;
   --accent-color: #81a6b7;
   --accent-color-hover: #81a6b7;
   --text: #eee;