Set searchbox input color. Remove old custom.css

themes/custom-learn2-dark/css-compiled/theme.css

@@ -950,6 +950,8 @@ body {
   border-radius: 4px; }
   .searchbox label {
     color: rgba(200, 200, 200, 0.8); }
+  .searchbox input {
+    color: #fff; }
 
 #sidebar {
   background-color: #47314f; }

themes/custom-learn2-dark/css/custom.css

@@ -2,42 +2,11 @@
 Put your custom CSS in this file.
 */
 
-/* sidebar big lower portion */
-/*#sidebar {
-    background-color: #262c31;
-    background-color: #131114;
-    background-color: #34233a;
-    background-color: #2e2333;
-    background-color: #47314f;
-}*/
-
-/* sidebar top portion */
-/*#sidebar #header {
-    background-color: #111314;
-    background-color: #1e1321;
-    background-color: #111111;
-    background-color: #9c5ea2;
-}*/
-
-/* search box in sidebar */
-/*#sidebar #header .searchbox {
-    background: #262c31;
-    background: #222222;
-    border-color: #530e64;
-    border-color: #2e2333;
-    border-radius: 0px;
-    border-width: 2px;
-}*/
-
-/* magnifying glass in search box */
-/*#sidebar #header .searchbox label {
-    color: rgba(200, 200, 200, 0.8);
-}*/
-
 /* search box entered text */
+/*
 #sidebar #header .searchbox input {
     color: #fff;
-}
+}*/
 
 /* search box placeholder text */
 #sidebar #header .searchbox input::placeholder {
@@ -50,12 +19,6 @@ Put your custom CSS in this file.
     border-bottom: 1px solid #47314f
 }
 
-/* full content */
-/*body {
-    background: #111111;
-    color: #dddddd;
-}*/
-
 /* code blocks */
 pre[class*="language-"] {
     background: #222222 !important;
@@ -100,14 +63,6 @@ code {
     background-color: #333333;
 }
 
-/* Sidebar topics */
-/*#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
-    background: #322535;
-    background: #241e26;
-    background: #252226;
-    background: #312037;
-}*/
-
 /* Sidebar currently selected main topic */
 #sidebar ul li.active > a {
     background: #111111;
@@ -130,37 +85,3 @@ blockquote {
     border-left: 10px solid #9C5EA2;
 }
 
-/* Hides the sub-menu item if parent not active
-.dd-item .dd-item ul li {
-    display: none;
-}
-
-.dd-item .dd-item.active ul li,
-.dd-item.parent > ul > li {
-    display: block;
-}
-
- Hides the sub-sub-menu menu-item if parent not active 
-.dd-item.parent > ul > li.dd-item.active > ul > li > ul > li {
-    display: none;
-}
-
-.dd-item.parent > ul > li.dd-item.active > ul > li {
-    display: block;
-}
-*/
-
-/* hide scrollbar from jquery.scrollbar. Firefox already adds one anyways */
-/*.scroll-element.scroll-y {
-    display: none !important;
-}*/
-
-/* random stuff */
-/*.highlightable {
-    overflow: auto;
-}*/
-
-/* table headings */
-/*thead {
-	color: #111111;
-}*/

themes/custom-learn2-dark/scss/theme/_header.scss

@@ -10,4 +10,8 @@
     label {
         color: rgba(200, 200, 200, 0.8)
     }
+
+    input {
+        color: $white
+    }
 }