Change tab x hover behavior and create red variable

This commit is contained in:
lolabird 2024-08-29 21:39:31 -06:00
commit 27949946e7
No known key found for this signature in database
GPG key ID: 0B9E871F678F9DB3

View file

@ -106,6 +106,7 @@ This theme inspired by and meant to be paired with the KDE Plasma theme Ant Dark
--code-select-gray: #253749;
--table-header-gray: #30363B;
--tree-background-gray: #232A2E;
--cherry-red: #FF3030;
}
@ -240,6 +241,14 @@ html {
font-size: 1.5rem;
margin-bottom: 10px;
}
.note-tab div.note-tab-close.bx.bx-x:hover {
background: transparent;
color: var(--tan);
}
.note-tab[active] div.note-tab-close.bx.bx-x:hover {
background: transparent;
color: var(--cherry-red);
}
/*fixes the issue of not being able to access widgets in the top bar*/
.tab-row-filler {
@ -784,8 +793,8 @@ NOTE: comments for this section are for how they appear in CSS code notes unless
/***brackets and parentheses***/
div.CodeMirror span.CodeMirror-matchingbracket {color: #92D652;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #FF3030;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: var(--cherry-red);}
/***code errors***/
.cm-s-default .cm-error {color: #FF3030;}
.cm-invalidchar {color: #FF3030;}
.cm-s-default .cm-error {color: var(--cherry-red);}
.cm-invalidchar {color: var(--cherry-red);}