settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

css: update text color

Browse Source
This commit is contained in:
Settel 2022-07-22 22:00:14 +02:00
parent 449c49c3b7
commit 257a67b21f
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/assets/css/colors.scss
View File

@ -3,6 +3,14 @@ $primary-text-color: #ffffff;
$error-text-color: #ff8000; $error-text-color: #ff8000;
// Text
$text-primary-text-color: #ffffff;
$text-secondary-text-color: #a0a0a0;
$text-primary-hover-text-color: #ffffc0;
$text-secondary-hover-text-color: #e0e0e0;
// Box // Box
$primary-box-background-color: #282838; $primary-box-background-color: #282838;
$primary-box-border-color: #ffffff; $primary-box-border-color: #ffffff;
@ -13,13 +21,13 @@ $primary-box-hover-text-color: #ffffff;
$primary-box-animation-color: rgba(128, 128, 64, 0.5); $primary-box-animation-color: rgba(128, 128, 64, 0.5);
$secondary-box-text-color: #ffffff;
$secondary-box-border-color: #ffffff; $secondary-box-border-color: #ffffff;
$secondary-box-background-color: rgba(64, 32, 128, 0.5); $secondary-box-background-color: rgba(64, 32, 128, 0.5);
$secondary-box-text-color: $text-primary-text-color;
$secondary-box-hover-background-color: #6040c0; $secondary-box-hover-background-color: #6040c0;
$secondary-box-hover-border-color: #ffffff; $secondary-box-hover-border-color: #ffffff;
$secondary-box-hover-text-color: #ffffff; $secondary-box-hover-text-color: $text-primary-hover-text-color;
$secondary-box-disabled-text-color: #606060; $secondary-box-disabled-text-color: #606060;
@ -38,9 +46,9 @@ $button-disabled-border-color: #004060;
$button-disabled-text-color: #102028; $button-disabled-text-color: #102028;
$button-secondary-background-color: #808040; $button-secondary-background-color: #808040;
$button-secondary-text-color: #808040; $button-secondary-text-color: #a0a0a0;
$button-secondary-border-color: #ffffff; $button-secondary-border-color: #ffffff;
$button-secondary-hover-text-color: #c0c080; $button-secondary-hover-text-color: #e0e0e0;
// Input // Input
@ -50,4 +58,4 @@ $input-border-color: #00a0e0;
$input-inactive-background-color: $input-background-color; $input-inactive-background-color: $input-background-color;
$input-inactive-text-color: $input-text-color; $input-inactive-text-color: $input-text-color;
$input-inactive-border-color: #ffffff; $input-inactive-border-color: #ffffff;

4
client/src/pages/index.vue
View File

@ -48,10 +48,10 @@ export default {
font-family: $secondary-font; font-family: $secondary-font;
font-size: 24px; font-size: 24px;
font-weight: 800; font-weight: 800;
color: #808040; color: $text-secondary-text-color;
&:hover { &:hover {
color: #c0c080; color: $text-secondary-hover-text-color;
} }
} }