From 7ca34f5e5e160591ab12a99919957c0ed4c6299b Mon Sep 17 00:00:00 2001
From: Kos-M <46938390+Kos-M@users.noreply.github.com>
Date: Mon, 1 Feb 2021 20:31:30 +0200
Subject: [PATCH] Restart Gogs service

---
 README.md              |  2 ++
 themes/dark_theme.css  | 41 +++++++++++++++++++++++++++++++++--------
 themes/dark_theme.scss | 22 +++++++++++++---------
 3 files changed, 48 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index a6427f7..3a4e523 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,7 @@ If you find something not displayed good  , feel free to contribute
  - ````mv ./GogsThemes/themes/ custom/public/css/````
  - ````cp -r  GogsThemes/img/ custom/public/````
  - ```rm -r ./GogsThemes```
+ - ``` Restart Gogs service : service gogs restart ```
 
  ## Dark
  - ````cd $GOGS_ROOT```` 
@@ -27,6 +28,7 @@ If you find something not displayed good  , feel free to contribute
  - ````mv ./GogsThemes/themes/ custom/public/css/````
  - ````cp -r  GogsThemes/img/ custom/public/````
  - ```rm -r ./GogsThemes```
+ - ``` Restart Gogs service : service gogs restart ```
 
 ## Note: Running GOGS in Docker
 If you are running gogs in Docker, the "custom" folder path will actually be in a volume or bind mount, depending on how you set up your container at creation time.
diff --git a/themes/dark_theme.css b/themes/dark_theme.css
index 70d8858..6a188ad 100644
--- a/themes/dark_theme.css
+++ b/themes/dark_theme.css
@@ -1,4 +1,10 @@
 /**** Syntax Highlighting ****/
+* {
+  outline: none;
+  transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+  transition-property: color,background-color,border-color,box-shadow;
+}
+
 body:not(.full-width) {
   background-color: #111;
   background-image: url("/img/grad1.png");
@@ -15,6 +21,10 @@ body:not(.full-width) {
   top: 0;
 }
 
+.ui.menu .dropdown.item .menu {
+  background: #1d1d1d;
+}
+
 @media (max-width: 1199px) {
   .ui.container:not(.fluid) {
     width: 85% !important;
@@ -840,8 +850,11 @@ tr:hover a {
   border-color: transparent;
   border-radius: 0;
   background: #111;
-  -webkit-box-shadow: 0px 0px 8px 2px #c8c183;
-  box-shadow: 0px 0px 8px 2px #c8c183;
+  -webkit-box-shadow: 0 0 0px 1px #605d5d;
+  box-shadow: 0 0 0px 1px #605d5d;
+
+  transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+  transition-property: color,background-color,border-color,box-shadow;
 }
 
 .ui.action.input:not([class*="left action"]) > input:focus {
@@ -871,16 +884,22 @@ tr:hover a {
   background: #1c1c1c none !important;
   color: silver !important;
   font-weight: 600;
-  -webkit-box-shadow: 0 0 8px 0px #c8c183;
-  box-shadow: 0 0 8px 0px #c8c183;
+  -webkit-box-shadow: 0 0 0px 1px #2b2b2b;
+  box-shadow: 0 0 0px 1px #2b2b2b;
+
+  transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+  transition-property: color,background-color,border-color,box-shadow;
 }
 
 .ui.basic.button:hover,
 .ui.basic.buttons .button:hover {
   background: #1c1c1c !important;
   color: rgba(196, 45, 45, 0.95) !important;
-  -webkit-box-shadow: 0 0 8px 0px #c8c183;
-  box-shadow: 0 0 8px 0px #c8c183;
+  -webkit-box-shadow: 0 0 0px 1px #605d5d;
+  box-shadow: 0 0 0px 1px #605d5d;
+
+  transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+  transition-property: color,background-color,border-color,box-shadow;
 }
 
 .ui.label {
@@ -912,8 +931,11 @@ tr:hover a {
 
 .ui.buttons:not(.basic):not(.inverted) > .button,
 .ui.buttons > .ui.button:not(.basic):not(.inverted) {
-  -webkit-box-shadow: 0 0 8px 0px #c8c183;
-  box-shadow: 0 0 8px 0px #c8c183;
+  -webkit-box-shadow: 0 0 0px 1px #2b2b2b;
+  box-shadow: 0 0 0px 1px #2b2b2b;
+
+  transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+  transition-property: color,background-color,border-color,box-shadow;
 }
 
 .ui.button {
@@ -928,6 +950,9 @@ tr:hover a {
 .ui.card,
 .ui.cards > .card {
   box-shadow: 0px -1px 22px 10px #151124;
+
+  transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
+  transition-property: color,background-color,border-color,box-shadow;
 }
 
 a {
diff --git a/themes/dark_theme.scss b/themes/dark_theme.scss
index 69a2e9c..477c973 100644
--- a/themes/dark_theme.scss
+++ b/themes/dark_theme.scss
@@ -8,7 +8,7 @@ $accentBase-dark    : #4682b485;
 $active             : rgba(196, 45, 45, 0.95);
 $link               : #193c9b;
 $btnColor           : #122940;
-$btnShadow          : #c8c183;
+$btnShadow          : #2b2b2b;
 $userCardShadow     : #151124;
 $RepoFilesBg        : #0a294878;
 $codeBg             : #111;
@@ -43,6 +43,10 @@ body:not(.full-width) {
     top: 0;
 }
 
+.ui.menu .dropdown.item .menu {
+  background: #1d1d1d;
+}
+
 @media (max-width: 1199px) {
  .ui.container:not(.fluid) {
     width: 85% !important;
@@ -873,8 +877,8 @@ tr:hover a {
     border-color: transparent;
     border-radius: 0;
     background: $mainBgColor;
-    -webkit-box-shadow: 0px 0px 8px 2px $btnShadow;
-    box-shadow: 0px 0px 8px 2px $btnShadow;
+    -webkit-box-shadow: 0 0 0px 1px $btnShadow;
+    box-shadow: 0 0 0px 1px $btnShadow;
 }
 
 .ui.action.input:not([class*="left action"])>input:focus {
@@ -904,16 +908,16 @@ tr:hover a {
     background: $secondBgColor none !important;
     color: $mainTextColor!important;
     font-weight: 600;
-    -webkit-box-shadow: 0 0 8px 0px $btnShadow;
-    box-shadow: 0 0 8px 0px $btnShadow;
+    -webkit-box-shadow: 0 0 0px 1px $btnShadow;
+    box-shadow: 0 0 0px 1px $btnShadow;
 }
 
 .ui.basic.button:hover,
 .ui.basic.buttons .button:hover {
     background: $secondBgColor !important;
     color: $active !important;
-    -webkit-box-shadow: 0 0 8px 0px $btnShadow;
-    box-shadow: 0 0 8px 0px $btnShadow;
+    -webkit-box-shadow: 0 0 0px 1px $btnShadow;
+    box-shadow: 0 0 0px 1px $btnShadow;
 }
 
 .ui.label {
@@ -945,8 +949,8 @@ tr:hover a {
 
 .ui.buttons:not(.basic):not(.inverted)>.button,
 .ui.buttons>.ui.button:not(.basic):not(.inverted) {
-    -webkit-box-shadow: 0 0 8px 0px $btnShadow;
-    box-shadow: 0 0 8px 0px $btnShadow;
+    -webkit-box-shadow: 0 0 0px 1px $btnShadow;
+    box-shadow: 0 0 0px 1px $btnShadow;
 }
 
 .ui.button {