X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fvariables.css;h=14ab52ea83e75097a03cc8c5bbc481b3f0e2f163;hp=c7cac8f55cf322fe89f1d19ecce3f2ee4991ae44;hb=b1d1a8bbaca0a31b2c2581911368b6892d447718;hpb=dadba0f24ba2459f70e098788b20b0e4ba96a7d2 diff --git a/LCARStrek/devtools/variables.css b/LCARStrek/devtools/variables.css index c7cac8f5..14ab52ea 100644 --- a/LCARStrek/devtools/variables.css +++ b/LCARStrek/devtools/variables.css @@ -23,10 +23,15 @@ --theme-tab-toolbar-background: #402800; --theme-toolbar-background: #000000; + --theme-capped-toolbar-background: #9C9CFF; + --theme-capped-toolbar-text: #000000; + --theme-alternate-toolbar-background: #A09090; + --theme-toolbar-caps: #FF9F00; --theme-button-background: #C09070; + --theme-button-color: #000000; --theme-hover-background: #FFCF00; --theme-hover-color: #000000; - --theme-active-background: #FFCF00; + --theme-active-background: #FF9F00; --theme-active-color: #000000; --theme-selection-background: #008484; --theme-selection-color: #000000; @@ -43,11 +48,11 @@ --theme-body-color: #FF9F00; --theme-body-color-alt: #A09090; + --theme-body-color-inactive: #8050B0; --theme-content-color1: #FF9F00; --theme-content-color2: #A09090; --theme-content-color3: #FF9F00; --theme-content-color4: #9C9CFF; - --theme-content-disabled: #8050B0; --theme-text-blue: #3333FF; --theme-highlight-green: #008484; @@ -59,6 +64,11 @@ --theme-highlight-orange: #FF9F00; --theme-highlight-red: #FF0000; --theme-highlight-pink: #E7ADE7; + --theme-highlight-gray: #A09090; + + /* For accessibility purposes we want to enhance the focus styling. This + * should improve keyboard navigation usability. */ + --theme-focus-outline-color: #008484; /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */ --theme-graphs-green: #008484; @@ -68,8 +78,29 @@ --theme-graphs-yellow: #FFCF00; --theme-graphs-red: #FF0000; --theme-graphs-grey: #A09090; + --theme-graphs-full-red: #FF0000; + --theme-graphs-full-blue: #0000FF; /* Images */ --theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg); --theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg); + + /* Tooltips */ + --theme-tooltip-border: #9C9CFF; + --theme-tooltip-background: #000000; + /*--theme-tooltip-shadow: rgba(25, 25, 25, 0.76);*/ + + /* Command line */ + --theme-command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); + --theme-command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); +} + +:root { + --theme-focus-border-color-textbox: #008484; + /*--theme-textbox-box-shadow: rgba(97,181,255,.75);*/ + + /* For accessibility purposes we want to enhance the focus styling. This + * should improve keyboard navigation usability. */ + --theme-focus-outline: 1px dotted var(--theme-focus-outline-color); +/* --theme-focus-box-shadow-textbox: 0 0 0 1px var(--theme-textbox-box-shadow);*/ }