diff options
| author | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-04-14 20:29:54 +0530 |
|---|---|---|
| committer | MikunoNaka <bokuwakanojogahoshii@yahoo.com> | 2021-04-14 20:29:54 +0530 |
| commit | ee824f566add80998e2530f7bec54ff4d7a1471d (patch) | |
| tree | 4b7d1da5908baf8e5e0ef6b67ecdca3f09296a86 /src/styles | |
| parent | 4c92b12bcb886507d5db738a27bd08e7654f8bfa (diff) | |
Played around with forms
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/_theme.scss | 18 | ||||
| -rw-r--r-- | src/styles/global.css | 21 | ||||
| -rw-r--r-- | src/styles/global.scss | 14 |
3 files changed, 41 insertions, 12 deletions
diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss index 66a16fc..5f92bc9 100644 --- a/src/styles/_theme.scss +++ b/src/styles/_theme.scss @@ -1,6 +1,10 @@ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap'); +$defFont: 'Quicksand', sans-serif; + /* Experimental color scheme */ +/* light theme */ +/* $defBG: #FFFFFF; $altBG: lightgray; $defFG: #000000; @@ -8,10 +12,16 @@ $altFG: #232627; $defLink: brown; $altLink: brown; -$defShadow: 2px 0px 4px #232627; +$defShadow: 0px 0px 4px #232627; +*/ -$bodyPadding: 0; -$bodyMargin: 0; +/* Inspired by Dracula */ +$defBG: #282A36; +$altBG: #383A59; +$defFG: #F2F2F2; +$altFG: #FF79C6; +$defLink: $defFG; +$altLink: $altFG; -$defFont: 'Quicksand', sans-serif; +$defShadow: 0px 4px 4px $altBG; diff --git a/src/styles/global.css b/src/styles/global.css index 3049801..198f1e1 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,10 +1,25 @@ @import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap"); /* Experimental color scheme */ +/* light theme */ +/* +$defBG: #FFFFFF; +$altBG: lightgray; +$defFG: #000000; +$altFG: #232627; +$defLink: brown; +$altLink: brown; + +$defShadow: 0px 0px 4px #232627; +*/ +/* Inspired by Dracula */ * { font-family: "Quicksand", sans-serif; } body { - background-color: #FFFFFF; - color: #000000; - padding: 0; + background-color: #282A36; + color: #F2F2F2; margin: 0; } + +.root-content { + width: 90%; + margin: auto; } diff --git a/src/styles/global.scss b/src/styles/global.scss index f893b61..b0e5ea1 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -1,12 +1,16 @@ @import "theme"; * { - font-family: $defFont + font-family: $defFont } body { - background-color: $defBG; - color: $defFG; - padding: $bodyPadding; - margin: $bodyMargin; + background-color: $defBG; + color: $defFG; + margin: 0; +} + +.root-content { + width: 90%; + margin: auto; } |