diff options
author | beatrix <beatrix.bitrot@gmail.com> | 2018-05-06 11:32:42 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-05-06 11:32:42 -0400 |
commit | 06770656ebe36191a5f60895af187fb347e13510 (patch) | |
tree | de3217e4b36eb8d53887d9488277a6a6ee52fa2d /app/javascript/flavours/glitch/styles/contrast | |
parent | e56639258a0d12a7ca3cfcfe528da441341e78eb (diff) | |
parent | 65349bc155b4e3fb99721758944e19dd5af31489 (diff) |
Merge pull request #459 from ThibG/glitch-soc/features/text-color-variables
Add text color variables + minor SCSS fixes + high contrast skin
Diffstat (limited to 'app/javascript/flavours/glitch/styles/contrast')
-rw-r--r-- | app/javascript/flavours/glitch/styles/contrast/diff.scss | 14 | ||||
-rw-r--r-- | app/javascript/flavours/glitch/styles/contrast/variables.scss | 22 |
2 files changed, 36 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/contrast/diff.scss b/app/javascript/flavours/glitch/styles/contrast/diff.scss new file mode 100644 index 000000000..eee9ecc3e --- /dev/null +++ b/app/javascript/flavours/glitch/styles/contrast/diff.scss @@ -0,0 +1,14 @@ +// components.scss +.compose-form { + .compose-form__modifiers { + .compose-form__upload { + &-description { + input { + &::placeholder { + opacity: 1.0; + } + } + } + } + } +} diff --git a/app/javascript/flavours/glitch/styles/contrast/variables.scss b/app/javascript/flavours/glitch/styles/contrast/variables.scss new file mode 100644 index 000000000..35d11060e --- /dev/null +++ b/app/javascript/flavours/glitch/styles/contrast/variables.scss @@ -0,0 +1,22 @@ +// Dependent colors +$black: #000000; + +$classic-base-color: #282c37; +$classic-primary-color: #9baec8; +$classic-secondary-color: #d9e1e8; + +$ui-base-color: $classic-base-color !default; +$ui-primary-color: $classic-primary-color !default; +$ui-secondary-color: $classic-secondary-color !default; + +// Differences +$ui-highlight-color: #2b5fd9; + +$darker-text-color: lighten($ui-primary-color, 20%) !default; +$dark-text-color: lighten($ui-primary-color, 12%) !default; +$secondary-text-color: lighten($ui-secondary-color, 6%) !default; +$action-button-color: #8d9ac2; + +$inverted-text-color: $black !default; +$lighter-text-color: darken($ui-base-color,6%) !default; +$light-text-color: darken($ui-primary-color, 40%) !default; |