diff --git a/src/theme.styl b/src/theme.styl index 455a6c8..403e9e6 100644 --- a/src/theme.styl +++ b/src/theme.styl @@ -2,22 +2,45 @@ @import url('https://fonts.googleapis.com/css2?family=Germania+One&display=swap'); $fonts = 'Germania One', sans-serif +$facist-red = #9d5757 +$liberal-blue = #6592bc + $title-letter-spacing = 2px $body-letter-spacing = 1px $main-background-colour = #23272A $main-text-colour = #99AAB5 + +/***********************************************************/ /* Styling for inputs (not all input types use all values) */ -$input-background = #2C2F33 -$input-background-hover = $input-background -$input-background-active = $input-background -$input-text = $main-text-colour -$input-text-hover = $input-text -$input-text-active = $input-text + +/* general */ $input-letter-spacing = 1px $input-border-width = 2px $input-border-radius = 7px + +/* background colours */ +$input-background = #2C2F33 +$input-background-hover = #424242 +$input-background-active = #4a4a4a +$input-background-focus = $input-background +$input-background-warning = $input-background +$input-background-error = $input-background + +/* font colours */ +$input-text = $main-text-colour +$input-text-hover = $input-text +$input-text-active = $input-text +$input-text-focus = $input-text +$input-text-warning = $input-text +$input-text-error = $input-text + +/* border colours */ $input-border-colour = transparent $input-border-colour-hover = transparent -$input-border-colour-active = transparent \ No newline at end of file +$input-border-colour-active = transparent +$input-border-colour-focus = $liberal-blue +$input-border-colour-warning = transparent +$input-border-colour-error = $facist-red +/***********************************************************/ \ No newline at end of file