projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make devtools tooltips have black background and blue border for readability
[themes.git]
/
LCARStrek
/
devtools
/
dark-theme.css
diff --git
a/LCARStrek/devtools/dark-theme.css
b/LCARStrek/devtools/dark-theme.css
index c47bf8c0c6041fc45ff11fcf3ec78c8739373b9f..6753b7ac76e608db306be855837dcf5a4180f6e3 100644
(file)
--- a/
LCARStrek/devtools/dark-theme.css
+++ b/
LCARStrek/devtools/dark-theme.css
@@
-44,8
+44,9
@@
body, html {
}
.theme-link,
}
.theme-link,
-.cm-s-mozilla .cm-link { /* original: blue */
- color: var(--theme-text-blue);
+.cm-s-mozilla .cm-link,
+.cm-s-mozilla .cm-keyword {
+ color: var(--theme-text-green);
}
/*
}
/*
@@
-83,7
+84,7
@@
body, html {
.variable-or-property .token-number,
.variable-or-property[return] > .title > .name,
.variable-or-property[scope] > .title > .name {
.variable-or-property .token-number,
.variable-or-property[return] > .title > .name,
.variable-or-property[scope] > .title > .name {
- color: var(--theme-highlight-
green
);
+ color: var(--theme-highlight-
red
);
}
.CodeMirror-Tern-completion-number:before {
}
.CodeMirror-Tern-completion-number:before {
@@
-92,12
+93,11
@@
body, html {
.theme-fg-color2,
.cm-s-mozilla .cm-attribute,
.theme-fg-color2,
.cm-s-mozilla .cm-attribute,
-.cm-s-mozilla .cm-variable,
.cm-s-mozilla .cm-def,
.cm-s-mozilla .cm-property,
.cm-s-mozilla .cm-qualifier,
.variables-view-variable > .title > .name {
.cm-s-mozilla .cm-def,
.cm-s-mozilla .cm-property,
.cm-s-mozilla .cm-qualifier,
.variables-view-variable > .title > .name {
- color: var(--theme-highlight-
blu
e);
+ color: var(--theme-highlight-
purpl
e);
}
.CodeMirror-Tern-completion-object:before {
}
.CodeMirror-Tern-completion-object:before {
@@
-119,7
+119,7
@@
body, html {
.cm-s-mozilla .cm-header,
.cm-s-mozilla .cm-bracket,
.variables-view-property > .title > .name {
.cm-s-mozilla .cm-header,
.cm-s-mozilla .cm-bracket,
.variables-view-property > .title > .name {
- color: var(--theme-highlight-
pink
);
+ color: var(--theme-highlight-
green
);
}
.CodeMirror-Tern-completion-array:before {
}
.CodeMirror-Tern-completion-array:before {
@@
-130,17
+130,17
@@
body, html {
color: var(--theme-highlight-purple);
}
color: var(--theme-highlight-purple);
}
-.theme-fg-color5,
-.cm-s-mozilla .cm-keyword {
- color: var(--theme-highlight-lightorange);
+.theme-fg-color5 {
+ color: var(--theme-highlight-purple);
}
.theme-fg-color6,
.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2,
.variable-or-property .token-string,
}
.theme-fg-color6,
.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2,
.variable-or-property .token-string,
+.cm-s-mozilla .cm-variable,
.CodeMirror-Tern-farg {
.CodeMirror-Tern-farg {
- color: var(--theme-highlight-
pink); /* -orange? */
+ color: var(--theme-highlight-
gray);
}
.CodeMirror-Tern-completion-string:before,
}
.CodeMirror-Tern-completion-string:before,
@@
-172,7
+172,8
@@
body, html {
.devtools-sidebar-alltabs,
.cm-s-mozilla .CodeMirror-dialog { /* General toolbar styling */
/* color: var(--theme-body-color-alt);
.devtools-sidebar-alltabs,
.cm-s-mozilla .CodeMirror-dialog { /* General toolbar styling */
/* color: var(--theme-body-color-alt);
- background-color: var(--theme-toolbar-background);*/
+ background-color: var(--theme-toolbar-background);
+ border-color: var(--theme-splitter-color);*/
}
.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
}
.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
@@
-240,8
+241,8
@@
div.CodeMirror div.error-line {
div.CodeMirror span.marked-text {
background: rgba(255,207,0,0.2);
border: 1px dashed rgba(156, 156, 255, 0.6);
div.CodeMirror span.marked-text {
background: rgba(255,207,0,0.2);
border: 1px dashed rgba(156, 156, 255, 0.6);
-
-moz-margin
-start: -1px;
-
-moz-margin
-end: -1px;
+
margin-inline
-start: -1px;
+
margin-inline
-end: -1px;
}
/* Highlight for evaluating current statement. */
}
/* Highlight for evaluating current statement. */
@@
-381,19
+382,30
@@
div.CodeMirror span.eval-text {
}
.devtools-textinput,
}
.devtools-textinput,
+.devtools-searchinput,
.devtools-filterinput,
.devtools-filterinput,
-.devtools-
search
input {
+.devtools-
plain
input {
background-color: #000000;
color: #E7ADE7;
border: 1px solid #9C9CFF;
background-color: #000000;
color: #E7ADE7;
border: 1px solid #9C9CFF;
+ border-radius: 3px;
}
.devtools-textinput:focus,
}
.devtools-textinput:focus,
+.devtools-searchinput:focus,
.devtools-filterinput:focus,
.devtools-filterinput:focus,
-.devtools-
search
input:focus {
+.devtools-
plain
input:focus {
border-color: #008484;
}
border-color: #008484;
}
+.devtools-textinput::placeholder,
+.devtools-searchinput::placeholder,
+.devtools-filterinput::placeholder,
+.devtools-plaininput::placeholder {
+ color: #8050B0;
+ opacity: 1.0;
+}
+
.CodeMirror-Tern-fname {
color: #A09090;
}
.CodeMirror-Tern-fname {
color: #A09090;
}