gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-03-01 14:22:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

main border color CSS variable

Browse Source
This commit is contained in:
zadam 2019-02-03 10:09:59 +01:00
parent c08524c977
commit da5009f089
2 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/stylesheets/desktop.css
View File

@ -67,7 +67,7 @@ body {
justify-content: space-around; justify-content: space-around;
padding: 10px 0 10px 0; padding: 10px 0 10px 0;
margin: 0 20px 0 10px; margin: 0 20px 0 10px;
border: 1px solid #ddd; border: 1px solid var(--main-border-color);
border-radius: 7px; border-radius: 7px;
} }

17
src/public/stylesheets/style.css
View File

@ -9,6 +9,7 @@
--main-background-color: white; --main-background-color: white;
--main-text-color: black; --main-text-color: black;
--main-border-color: #ddd;
--accented-background-color: #eee; --accented-background-color: #eee;
--more-accented-background-color: #ccc; --more-accented-background-color: #ccc;
--header-background-color: #f8f8f8; --header-background-color: #f8f8f8;
@ -32,6 +33,7 @@
body.theme-black { body.theme-black {
--main-background-color: black; --main-background-color: black;
--main-text-color: white; --main-text-color: white;
--main-border-color: #ddd;
--accented-background-color: #222; --accented-background-color: #222;
--more-accented-background-color: #444; --more-accented-background-color: #444;
--header-background-color: black; --header-background-color: black;
@ -58,6 +60,7 @@ body.theme-black .CodeMirror {
body.theme-dark { body.theme-dark {
--main-background-color: #333; --main-background-color: #333;
--main-text-color: white; --main-text-color: white;
--main-border-color: #ddd;
--accented-background-color: #555; --accented-background-color: #555;
--more-accented-background-color: #777; --more-accented-background-color: #777;
--header-background-color: #333; --header-background-color: #333;
@ -268,7 +271,7 @@ span.fancytree-node.fancytree-active-clone:not(.fancytree-active) .fancytree-tit
span.fancytree-active.fancytree-focused .fancytree-title { span.fancytree-active.fancytree-focused .fancytree-title {
color: var(--active-item-text-color) !important; color: var(--active-item-text-color) !important;
background-color: var(--active-item-background-color) !important; background-color: var(--active-item-background-color) !important;
border-color: #ddd !important; border-color: var(--main-border-color) !important;
border-radius: 3px; border-radius: 3px;
font-weight: bold; font-weight: bold;
} }
@ -276,7 +279,7 @@ span.fancytree-active.fancytree-focused .fancytree-title {
span.fancytree-active:not(.fancytree-focused) .fancytree-title { span.fancytree-active:not(.fancytree-focused) .fancytree-title {
color: var(--hover-item-text-color) !important; color: var(--hover-item-text-color) !important;
background-color: var(--hover-item-background-color) !important; background-color: var(--hover-item-background-color) !important;
border-color: #ddd !important; border-color: var(--main-border-color) !important;
border-radius: 3px; border-radius: 3px;
font-weight: bold; font-weight: bold;
} }
@ -284,7 +287,7 @@ span.fancytree-active:not(.fancytree-focused) .fancytree-title {
span.fancytree-selected:not(.fancytree-active) .fancytree-title { span.fancytree-selected:not(.fancytree-active) .fancytree-title {
color: var(--hover-item-text-color) !important; color: var(--hover-item-text-color) !important;
background-color: var(--hover-item-background-color) !important; background-color: var(--hover-item-background-color) !important;
border-color: #ddd !important; border-color: var(--main-border-color) !important;
border-radius: 3px; border-radius: 3px;
font-style: italic; font-style: italic;
} }
@ -292,7 +295,7 @@ span.fancytree-selected:not(.fancytree-active) .fancytree-title {
span.fancytree-node:not(.fancytree-active):hover span.fancytree-title { span.fancytree-node:not(.fancytree-active):hover span.fancytree-title {
color: var(--hover-item-text-color) !important; color: var(--hover-item-text-color) !important;
background-color: var(--hover-item-background-color) !important; background-color: var(--hover-item-background-color) !important;
border-color: #ddd !important; border-color: var(--main-border-color) !important;
border-radius: 3px; border-radius: 3px;
} }
@ -335,7 +338,7 @@ div.ui-tooltip {
margin-top: 10px; margin-top: 10px;
display: none; display: none;
overflow: auto; overflow: auto;
border-bottom: 2px solid #ddd; border-bottom: 2px solid var(--main-border-color);
} }
#search-results ul { #search-results ul {
@ -683,7 +686,7 @@ table.promoted-attributes-in-tooltip td, table.promoted-attributes-in-tooltip th
max-height: 300px; max-height: 300px;
overflow: hidden; overflow: hidden;
color: var(--main-text-color); color: var(--main-text-color);
border: 1px solid #ccc; border: 1px solid var(--main-border-color);
border-radius: 5px; border-radius: 5px;
text-align: left; text-align: left;
} }
@ -713,7 +716,7 @@ table.promoted-attributes-in-tooltip td, table.promoted-attributes-in-tooltip th
.algolia-autocomplete .aa-dropdown-menu { .algolia-autocomplete .aa-dropdown-menu {
width: 100%; width: 100%;
background-color: var(--main-background-color); background-color: var(--main-background-color);
border: 1px solid #999; border: 1px solid var(--main-border-color);
border-top: none; border-top: none;
z-index: 2000 !important; z-index: 2000 !important;
max-height: 500px; max-height: 500px;