From 89bbab409cbe4d880ac8b29cb42572b5e3960c95 Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Sun, 8 Nov 2020 20:45:29 +0100
Subject: [PATCH] settings (general)

---
 scss/import/admin.scss   | 25 +++++++++++++
 scss/import/include.scss | 78 ++++++++++++++++++++++++++++++++++++++--
 2 files changed, 100 insertions(+), 3 deletions(-)

diff --git a/scss/import/admin.scss b/scss/import/admin.scss
index 4f4093d..027843a 100644
--- a/scss/import/admin.scss
+++ b/scss/import/admin.scss
@@ -4,4 +4,29 @@
 .admin {
   @include secondary-menu_new-menu;
   @include settings;
+  .attached.table.segment {
+    form {
+      table.basic.table {
+        tbody {
+          tr {
+            td {
+              color: $white;
+              button.green.button {
+                background: $green;
+                &:hover {
+                  background: $green-dark;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+    dl {
+      dt, 
+      dd {
+        color: $white;
+      }
+    }
+  }
 }
diff --git a/scss/import/include.scss b/scss/import/include.scss
index 403e5a7..3cce446 100644
--- a/scss/import/include.scss
+++ b/scss/import/include.scss
@@ -239,10 +239,51 @@
   }
 }
 
+@mixin dropdown-selection {
+  .dropdown {
+    background: $bg60;
+    border-radius: $border-radius;
+    color: $white;
+    padding: 10px 0 10px 13px;
+    &:first-of-type {
+      margin-left: auto;
+    }
+    &:hover {
+      background: $bg50;
+      .menu {
+        @if $nojavascript == true {
+          display: block;
+        }
+      }
+    }
+    span.text {
+      i.dropdown.icon {
+        padding: 0;
+      }
+    }
+    .menu {
+      background: $bg60;
+      border: 1px solid $bg50;
+      box-shadow: none;
+      margin-top: 0;
+      .item {
+        color: $white !important;
+        &:hover {
+          background: $bg50;
+        }
+      }
+    }
+  }
+}
+
 @mixin secondary-menu_new-menu {
   .secondary.menu {
     background-color: $bg70 !important;
     border-radius: 0;
+    padding-bottom: 2px;
+    &::after {
+      background: linear-gradient(90deg, transparent, $bg70);
+    }
     .item {
       color: $white-dark;
       &:hover {
@@ -278,12 +319,27 @@
       border: 0;
       form.form {
         .field {
-          label {
-            color: $white;
+          &.required {
+            label {
+              &::after {
+                color: $red;
+              }
+            }
+          }
+          a.red.button {
+            background: $red;
+            &:hover {
+              background: $red-dark;
+            }
+          }
+          button.green.button {
+            background: $green;
+            &:hover {
+              background: $green-dark;
+            }
           }
           input {
             background: $bg40;
-            border: 2px solid $bg60;
             color: $white;
             font-family: $font-family;
             &:focus {
@@ -292,6 +348,22 @@
               color: $white;
             }
           }
+          label {
+            color: $white;
+            &.poping.up {
+              &::before {
+                background: rgb(60, 60, 90);
+                border-color: rgb(70, 70, 105);
+              }
+              &::after {
+                color: $white;
+              }
+            }
+          }
+          textarea {
+            background: $bg40;
+          }
+          @include dropdown-selection;
         }
       }
     }