[CSS] Removed 'colors.css', colors are declared within their respective classes/ids instead.

public/assets/default_theme/css/widgets/buttons.css

@@ -84,7 +84,12 @@ textarea {
     -moz-border-radius: 0.6rem;
     border-radius: 0.6rem;
     background: var(--gradient) !important;
+    border: 2px solid var(--border) !important;
+    -webkit-box-shadow: var(--shadow);
+    -moz-box-shadow: var(--shadow);
+    box-shadow: var(--shadow);
 }
+
 select {
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
@@ -131,18 +136,25 @@ input[type=file] {
     -webkit-border-radius: 0.6rem;
     -moz-border-radius: 0.6rem;
     border-radius: 0.6rem;
+    background: var(--gradient) !important;
 }
 ::-webkit-file-upload-button {
     font-family: 'Open Sans', sans-serif !important;
     font-weight: bold !important;
+    color: var(--foreground);
+    fill: var(--foreground);
 }
 ::file-selector-button {
     font-family: 'Open Sans', sans-serif !important;
     font-weight: bold !important;
+    color: var(--foreground);
+    fill: var(--foreground);
 }
 ::file-selector-button {
     font-family: 'Open Sans', sans-serif !important;
     font-weight: bold !important;
+    color: var(--foreground);
+    fill: var(--foreground);
 }
 
 input[type=checkbox],

public/assets/default_theme/css/widgets/sections.css

@@ -8,6 +8,9 @@
     border-radius: 0.6rem;
     padding: 0.6rem;
     background: var(--gradient) !important;
+    -webkit-box-shadow: var(--shadow);
+    -moz-box-shadow: var(--shadow);
+    box-shadow: var(--shadow);
 }
 .profile *[class*="profile-info-"] {
     flex: 1;
@@ -45,6 +48,7 @@
     margin-bottom: 1.3rem;
     background-color: var(--background-card) !important;
     box-shadow: var(--shadow);
+    border: 2px solid var(--border) !important;
 }
 .section-widget hr {
     margin-bottom: 0.6rem