forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-03 14:21:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added brand color and input styles to dark theme

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-15 23:45:13 +01:00
committed by Alejandro Celaya
parent 53f16ac8b5
commit f313a39b81
13 changed files with 152 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/common/AsideMenu.scss
View File

@@ -52,14 +52,10 @@
background-color: var(--secondary-color);
}
.aside-menu__item--selected {
color: #ffffff;
background-color: $mainColor;
}
.aside-menu__item--selected,
.aside-menu__item--selected:hover {
color: #ffffff;
background-color: $mainColor;
background-color: var(--brand-color);
}
.aside-menu__item--divider {

2
src/common/MainHeader.scss
View File

@@ -1,8 +1,8 @@
@import '../utils/base';
.main-header.main-header {
background-color: $mainColor !important;
color: white;
background-color: var(--brand-color) !important;
.navbar-brand {
color: inherit !important;

10
src/common/react-tagsinput.scss
View File

@@ -1,6 +1,6 @@
.react-tagsinput {
background-color: #ffffff;
border: 1px solid #cccccc;
background-color: var(--input-color);
border: 1px solid var(--input-border-color);
border-radius: .25rem;
overflow: hidden;
min-height: 2.6rem;
@@ -10,7 +10,7 @@
.react-tagsinput--focused {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
box-shadow: 0 0 0 .2rem rgb(70 150 229 / 25%);
}
.react-tagsinput-tag {
@@ -46,3 +46,7 @@
font-size: 1.25rem;
color: #495057;
}
.react-autosuggest__suggestion--highlighted {
background-color: var(--active-color);
}