pesky file permission colors

css/_auto/custom_auto.css

@@ -119,6 +119,19 @@
         --color-pink-dark-2: #c21e7b;
         --color-brown-dark-2: #845232;
         --color-black-dark-2: #131619;
+        /* subtle colors */
+        --color-red-subtle: var(--color-red-light);
+        --color-orange-subtle: var(--color-orange-light);
+        --color-yellow-subtle: var(--color-yellow-light);
+        --color-olive-subtle: var(--color-olive-light);
+        --color-green-subtle: var(--color-green-light);
+        --color-teal-subtle: var(--color-teal-light);
+        --color-blue-subtle: var(--color-blue-light);
+        --color-violet-subtle: var(--color-violet-light);
+        --color-purple-subtle: var(--color-purple-light);
+        --color-pink-subtle: var(--color-pink-light);
+        --color-brown-subtle: var(--color-brown-light);
+        --color-black-subtle: var(--color-black-light);
         /* ansi colors used for actions console and console files */
         --color-ansi-black: #1e2327;
         --color-ansi-red: #cc4848;

css/_dark/admin_dark.css

@@ -21,7 +21,7 @@
 }
 
 #admin_content .content {
-	background: #1A1A1A;
+	background: var(--color-body);
 	box-shadow: none;
 }
 
@@ -121,8 +121,8 @@
 }
 
 #manage_boards .content, #manage_attachments .content {
-	background: #1A1A1A;
-	border: 1px solid #CCCCCC;
+	background: var(--color-body);
+	border: 1px solid var(--color-text-light-2);
 	border-top: 0 solid;
 	border-radius: 0 0 7px 7px;
 }

css/_dark/index_dark.css

@@ -406,7 +406,8 @@ button[disabled]:hover {
 hr {
 	border-top-color: var(--color-secondary);
 	border-bottom-color: var(--color-secondary);
-	background: #7C7360;
+	background: var(--color-secondary-light-2);
+	border-right: none;
 }
 
 strong,
@@ -572,6 +573,11 @@ warningbox .error {
 	background: var(--color-code-bg);
 }
 
+.bbc_tt {
+	background-color: var(--color-secondary-light-2);
+	color: var(--color-text-dark);
+}
+
 .bbc_quote.bbc_quote {
 	background: var(--color-quote-bg);
 }
@@ -919,7 +925,12 @@ div.bbc_footnotes .meaction {}
  * just in case someone tries to use this class elsewhere.
  */
 .pm_indicator,
-.likes_indicator {}
+.likes_indicator {
+	color: var(--color-nav-text);
+	border-color: var(--color-secondary-dark-4) !important;
+	background: var(--color-nav-bg);
+	box-shadow: none;
+}
 
 .poster .pm_indicator {}
 
@@ -1571,9 +1582,8 @@ div.bbc_footnotes .meaction {}
  */
 /* The main post editor section. */
 #preview_body {
-	border-color: #DDDDDD;
-	border-bottom-color: #CCCCCC;
-	background: #1A1A1A;
+	border-color: var(--color-body-border);
+	background: var(--color-body);
 }
 
 #postAdditionalOptionsHeader,
@@ -1591,7 +1601,7 @@ div.bbc_footnotes .meaction {}
 
 #postAdditionalOptionsNC {
 	border-color: var(--color-secondary);
-	background: #0A0A0A;
+	background: var(--color-primary-contrast);
 }
 
 .drop_area {
@@ -1656,7 +1666,7 @@ div.bbc_footnotes .meaction {}
 
 #postMoreOptions {
 	border-top-color: var(--color-secondary);
-	background: #0A0A0A;
+	background: var(--color-card);
 }
 
 #postDraftOptions .settings dd,

css/_dark/jquery.sceditor.elk_dark.css

@@ -11,10 +11,10 @@
 .sceditor-container {
 	position: relative;
 
-	border: 1px solid #555555;
+	border: 1px solid var(--color-box-body-border);
 	border-top-color: transparent;
 	border-radius: 0 0 4px 4px;
-	background: #000000;
+	background: initial;
 }
 
 .sceditor-unselectable {
@@ -29,7 +29,7 @@
 #editor_toolbar_container {
 	width: 100%;
 
-	border: 1px solid #555555;
+	border: 1px solid var(--color-box-body-border);
 	border-bottom: 0;
 	border-top-left-radius: 4px;
 	border-top-right-radius: 4px;
@@ -51,7 +51,7 @@
 
 	resize: none;
 
-	color: #AAAAAA;
+	color: var(--color-text);
 	border: 0;
 	outline: none;
 }
@@ -60,7 +60,7 @@
 .sceditor-container textarea, .sceditor-container textarea:focus {
 	font-size: 1em;
 
-	background: #0A0A0A;
+	background: var(--color-primary-contrast);
 	box-shadow: none;
 }
 
@@ -73,8 +73,8 @@
 	width: 3000px;
 	height: 6000px;
 
-	opacity: 0.7;
-	background: #FFFFFF;
+	opacity: 0.5;
+	background: var(--color-text);
 }
 
 .sceditor-grip {
@@ -90,10 +90,10 @@
 
 	cursor: n-resize;
 
-	border-top: 1px solid #555555;
+	border-top: 1px solid var(--color-box-body-border);
 	border-radius: 0 0 4px 4px;
-	background: #222222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAJUlEQVR42mMgFyhJKM3EIqQkgSEEwmhCEIwiBMPYhGAASQg3AAB5Og6WLqLJcAAAAABJRU5ErkJggg==) 100% 100% no-repeat;
-	box-shadow: -1px -2px 4px rgba(0, 0, 0, 0.1) inset;
+	background: var(--color-box-body) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAJUlEQVR42mMgFyhJKM3EIqQkgSEEwmhCEIwiBMPYhGAASQg3AAB5Og6WLqLJcAAAAABJRU5ErkJggg==) 100% 100% no-repeat;
+	box-shadow: none;
 }
 
 .sceditor-dropdown {
@@ -243,10 +243,9 @@
 
 	padding: 5px 5px 0 5px;
 
-	border-bottom: 1px solid #555555;
 	border-radius: 4px 4px 0 0;
-	background: #222222;
-	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1) inset;
+	background: var(--color-box-body);
+	box-shadow: none;
 }
 
 .sceditor-group {

css/index.css

@@ -886,6 +886,8 @@ strong, .bbc_strong {
 /* Everything is same except HTML5 valid */
 .bbc_tt {
 	font-family: "DejaVu Sans Mono", Monaco, "Lucida Console", "Courier New", monospace;
+	padding: .06em .2em;
+  	border-radius: .2em;
 }
 
 .bbc_pre {
@@ -3571,7 +3573,6 @@ ul.post_options li {
 }
 
 #postAdditionalOptionsNC {
-	background: #222222 !important;
 	overflow: auto;
 	margin: 0 0 1em 0;
 	border: 1px solid;