X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fprofiler.css;h=85b363b77a9cccdcce82844b28eadf4e5bc80986;hp=dc29a1c6f4b1b37df61fbbb6f2a1833b984c5c84;hb=de5e780daa5242500976dde56483222a51ecdae5;hpb=d4d77dc0d0de5595725731c8113e5937c9bc1fea diff --git a/LCARStrek/browser/devtools/profiler.css b/LCARStrek/browser/devtools/profiler.css index dc29a1c6..85b363b7 100644 --- a/LCARStrek/browser/devtools/profiler.css +++ b/LCARStrek/browser/devtools/profiler.css @@ -13,11 +13,8 @@ window { .notice-container { margin-top: -50vh; font-size: 120%; -} - -.notice-container { - background: #000000; /* Toolbars */ - color: #FF9F00; /* Light foreground text */ + background-color: var(--theme-toolbar-background); + color: var(--theme-body-color); } #empty-notice button, @@ -52,7 +49,7 @@ window { #recordings-pane > tabs, #recordings-pane .devtools-toolbar { - -moz-border-end-color: #9C9CFF; /* Splitters */ + -moz-border-end-color: var(--theme-splitter-color); } #record-button { @@ -89,7 +86,7 @@ window { .recording-item-duration, .recording-item-save { - color: #FF9F00; /* Foreground (Text) - Grey */ + color: var(--theme-body-color-alt); } #recordings-list .selected label { @@ -117,12 +114,8 @@ window { transition-property: opacity, transform; } -.theme-dark #profile-content tab { - color: #8fa1b2; /* Body Text */ -} - -.theme-light #profile-content tab { - color: #18191a; /* Body Text */ +#profile-content tab { + color: var(--theme-body-color); } #profile-content tab:not([selected]) { @@ -136,17 +129,17 @@ window { #profile-content tab { -moz-appearance: none; - -moz-border-end: 1px solid #9C9CFF; /* Splitters */ + -moz-border-end: 1px solid var(--theme-splitter-color); } #profile-content tab:hover { - background-color: #FFCF00; - color: #000000; + background-color: var(--theme-hover-background); + color: var(--theme-hover-color); } #profile-content tab[selected] { - background-color: #008484; /* Select Highlight Blue */ - color: #000000; /* Light foreground text */ + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); } #profile-content tabpanel { @@ -182,7 +175,7 @@ window { /* Profile call tree */ .call-tree-headers-container { - border-top: 1px solid #A09090; + border-top: 1px solid var(--theme-splitter-color); } .call-tree-cells-container { @@ -224,6 +217,7 @@ window { -moz-box-align: center; overflow: hidden; padding: 1px 4px; + color: var(--theme-body-color); } .call-tree-header:not(:last-child), @@ -234,7 +228,6 @@ window { .call-tree-header, .call-tree-cell { -moz-border-end-color: #9C9CFF; - color: #FF9F00; /* Body Text */ } .call-tree-header:not(:last-child) { @@ -246,8 +239,8 @@ window { } .call-tree-header { - background-color: #A09090; /* Tab Toolbar */ - color: #000000; + background-color: var(--theme-contrastsidebar-background); + color: var(--theme-contrastsidebar-color); } .call-tree-item:last-child:not(:focus) { @@ -263,12 +256,12 @@ window { } .call-tree-item:focus { - background-color: #008484; /* Select Highlight Blue */ - color: #000000; + background-color: var(--theme-selection-background); + color: var(--theme-selection-color); } .call-tree-item:focus label { - color: #000000 !important; /* Light foreground text */ + color: var(--theme-selection-color) !important; } .call-tree-item:focus .call-tree-cell { @@ -292,11 +285,11 @@ window { } .call-tree-url { - color: #9C9CFF; + color: var(--theme-highlight-blue); } .call-tree-line { - color: #A09090; + color: var(--theme-content-color2); } .call-tree-host { @@ -305,7 +298,7 @@ window { } .call-tree-host { - color: #E7ADE7; + color: var(--theme-highlight-pink); } .call-tree-url[value=""],