re2o/re2o-themes
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add vue.js tree highlight colors in template

Browse source
This commit is contained in:
Jean-Romain Garnier 2021-01-14 23:28:49 +01:00
parent b557b571c9
commit e4e8593f55
3 changed files with 24 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
default-dark/default-dark-variables.scss
View file

@ -48,6 +48,12 @@ $forms-text-color: #555555;
$forms-background-color: #ffffff;
// Vue.js tree
$tree-text-focus-color: $text-color;
$tree-background-focus-color: #505050;
$tree-background-selected-color: #606060;
// Django autocomplete light
$dal-result-focus-background-color: #5897fb;

14
template-variables.scss
View file

@ -52,6 +52,12 @@ $forms-text-color: none;
$forms-background-color: none;
// Vue.js tree
$tree-text-focus-color: none;
$tree-background-focus-color: none;
$tree-background-selected-color: none;
// Django autocomplete light
$dal-result-focus-background-color: none;
@ -64,7 +70,7 @@ $navbar-brand-color: none;
$navbar-background-color: none;
$navbar-background-active-color: none;
$navbar-border-color: transparent;
$navbar-border-color: none;
$secondary-navbar-background-color: none;
@ -95,7 +101,7 @@ $panel-badge-background-color: none;
// Cards
$thumbnail-background-color: transparent;
$thumbnail-background-color: none;
$thumbnail-border-color: none;
@ -107,7 +113,7 @@ $modal-heading-border-color: none;
// Tables
$table-background-color: transparent;
$table-background-color: none;
$table-alt-background-color: none;
$table-default-background-color: none;
@ -140,4 +146,4 @@ $table-dark-focus-background-color: none;
// Lists
$list-background-color: none;
$list-border-color: transparent;
$list-border-color: none;

10
template.scss
View file

@ -181,10 +181,16 @@ a:hover {
}
.tree-node > .tree-content:focus > .tree-anchor,
.tree-node > .tree-content:hover > .tree-anchor {
color: $text-focus-color !important;
color: $tree-text-focus-color !important;
}
.tree-node.selected > .tree-content > .tree-anchor {
color: $text-focus-color !important;
color: $tree-text-focus-color !important;
}
.tree-node > .tree-content:hover {
background-color: $tree-background-focus-color !important;
}
.tree-node.selected > .tree-content {
background-color: $tree-background-selected-color !important;
}