adding overrides.css file; moved css around; added additional ace overrides

angular.json

@@ -44,6 +44,7 @@
                             "node_modules/bootstrap/scss/bootstrap.scss",
                             "node_modules/bootstrap-icons/font/bootstrap-icons.css",
                             "src/assets/css/styles.css",
+                            "src/assets/css/overrides.css"
                             "src/assets/css/ace-overrides.css"
                         ],
                         "scripts":[

src/assets/css/ace-overrides.css

@@ -3,7 +3,7 @@
 
 /* IDs */
 #ace_settingsmenu, #kbshortcutmenu {
-    background-color: rgba(0, 0, 0, 0.0);
+    background-color: rgba(64, 64, 64, 0.84);
     color: rgba(255, 255, 255, 1.0);
     box-shadow: -1px 4px 5px rgba(124, 124, 124, 0.64);
     padding: 1em 0.5em 2em 1em;
@@ -38,6 +38,14 @@
     color: rgba(255, 255, 255, 1.0);
 }
 
+.ace_optionsMenuEntry button {
+    color: #000;
+}
+
+.ace_optionsMenuEntry button[ace_selected_button=true] {
+    background: #00e877;
+}
+
 .ace_print-margin {
     width: 1px !important;
     background-color: rgba(255, 0, 0, 0.84) !important;

src/assets/css/overrides.css

@@ -0,0 +1,17 @@
+/* TAGS */
+
+html {
+    background-color: rgba(40, 44, 52, 0.64);
+    color: rgba(255, 255, 255, 0.64);
+}
+
+body {
+    background-color: rgba(64, 64, 64, 0.0);
+    overflow: hidden;
+}
+
+
+/* IDs */
+
+
+/* CLASSES */

src/assets/css/styles.css

@@ -1,19 +1,5 @@
 /* TAGS */
 
-html {
-/*
-    background-color: rgba(64, 64, 64, 0.64);
-    background-color: rgb(40, 44, 52);
-*/
-    background-color: rgba(40, 44, 52, 0.64);
-    color: rgba(255, 255, 255, 0.64);
-}
-
-body {
-    background-color: rgba(64, 64, 64, 0.0);
-    overflow: hidden;
-}
-
 
 /* IDs */
 
@@ -90,10 +76,6 @@ body {
 }
 
 .scroller {
-/*
-    -webkit-scrollbar-color: #00000084 #ffffff64;
-	scrollbar-color: #00000084 #ffffff64;
-*/
     -webkit-scrollbar-color: #00000084 #ffffff06;
 	-webkit-scrollbar-width: thin;
 	scrollbar-color: #00000084 #ffffff06;