first part of sync for LCARStrek with browser windows/shared theme changes in Firefox...

[themes.git] / LCARStrek / browser / devtools / dark-theme.css

diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css
index a931ce6f94260a2d75ff9641369c0d1f97b36ebb..1d29413d128f473607a687fe14685bebc00aceb2 100644 (file)
--- a/LCARStrek/browser/devtools/dark-theme.css
+++ b/LCARStrek/browser/devtools/dark-theme.css
@@ -13,26 +13,19 @@
 
 .theme-twisty {
   cursor: pointer;
-  margin-right: 5px;
+  width: 14px;
+  height: 14px;
+  background-repeat: no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-position: 0 -14px;
 }
 
 .theme-twisty:-moz-focusring {
   outline-style: none;
 }
 
-.theme-twisty:not([open]) {
-  width: 0;
-  height: 0;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #8050B0;
-  margin-left: 5px;
-}
-
 .theme-twisty[open] {
-  width: 10px;
-  height: 10px;
-  background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%);
+  background-position: -14px -14px;
 }
 
 .theme-checkbox {
@@ -42,11 +35,12 @@
   height: 14px;
   padding: 0;
   outline: none;
-  background: url("chrome://browser/skin/devtools/checkbox.png") no-repeat;
+  background-image: url("chrome://browser/skin/devtools/controls.png");
+  background-position: 0 0;
 }
 
 .theme-checkbox[checked] {
-  background: url("chrome://browser/skin/devtools/checkbox.png") 14px 0;
+  background-position: -14px 0;
 }
 
 .theme-selected {
@@ -54,7 +48,11 @@
 }
 
 .theme-bg-darker {
-  background-color: rgba(0,0,0,0.1);
+  background-color: rgba(0,0,0,0.5);
+}
+
+.theme-bg-contrast { /* contrast bg color to attract attention on a container */
+  background: #404000;
 }
 
 .theme-link { /* original: blue */
@@ -102,3 +100,13 @@
 .theme-fg-color7 { /* original: Red */
   color: #FF0000;
 }
+
+.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
+  color: #FFCF00;
+}
+
+.ruleview-colorswatch,
+.computedview-colorswatch,
+.markupview-colorswatch {
+/*  box-shadow: 0 0 0 1px rgba(0,0,0,0.5); */
+}