Small UI updates

Adjusting Nord theme, adding more snow white and blue, fixing modal popup credits.
This commit is contained in:
TB-96 2020-11-15 16:20:27 +01:00 committed by GitHub
parent 083f1c8bdd
commit 9d52641ae3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 7 deletions

View File

@ -11,11 +11,12 @@
--bg-primary: #2E3440; --bg-primary: #2E3440;
--bg-secondary: rgba(59,66,82,.5); --bg-secondary: rgba(59,66,82,.5);
--bg-hover: rgba(41,120,173,.5); --bg-hover: rgba(41,120,173,.5);
--color-primary: #ECEFF4; --color-primary: #D8DEE9;
--color-secondary: #81A1C1; --color-secondary: #81A1C1;
--color-success: #66BB6A; --color-white: #ECEFF4;
--color-warning: #F57C00; --color-success: #A3BE8C;
--color-danger: #DC3545; --color-warning: #D08770;
--color-danger: #BF616A;
--padding: 1rem; --padding: 1rem;
--rounded: 0.25rem; --rounded: 0.25rem;
--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12) --shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.12)
@ -229,8 +230,8 @@ button:hover {
padding: 0.5em 1em 0.5em; padding: 0.5em 1em 0.5em;
} }
.searchbar input:focus { .searchbar input:focus {
color: #D8DEE9; color: #E5E9F0;
background-color: rgba(183,187,195, .7); background-color: rgba(94,129,172, .7);
} }
textarea:focus, input:focus{ textarea:focus, input:focus{
outline: none; outline: none;
@ -277,6 +278,9 @@ textarea:focus, input:focus{
text-decoration: none; text-decoration: none;
color: var(--color-primary); color: var(--color-primary);
} }
#apps-loop a:hover {
color: var(--color-white);
}
.apps-item { .apps-item {
display: flex; display: flex;
@ -351,7 +355,7 @@ textarea:focus, input:focus{
transition: padding .3s; transition: padding .3s;
} }
.links-item a:hover { .links-item a:hover {
color: var(--color-secondary); color: var(--color-white);
padding-left: 1em; padding-left: 1em;
} }
/*.links-item a:hover::before { /*.links-item a:hover::before {
@ -475,6 +479,12 @@ textarea:focus, input:focus{
content: "> "; content: "> ";
} }
.credits {
width: 50%;
float: left;
padding-left: 10px;
}
/* MOBILE */ /* MOBILE */