[Glitch] Add high-contrast theme

master
Thibaut Girka 6 years ago
parent caebf69e77
commit f7a076eded
  1. 3
      app/javascript/flavours/glitch/styles/contrast.scss
  2. 14
      app/javascript/flavours/glitch/styles/contrast/diff.scss
  3. 22
      app/javascript/flavours/glitch/styles/contrast/variables.scss
  4. 1
      app/javascript/skins/glitch/contrast/common.scss
  5. 4
      app/javascript/skins/glitch/contrast/names.yml

@ -0,0 +1,3 @@
@import 'contrast/variables';
@import 'index';
@import 'contrast/diff';

@ -0,0 +1,14 @@
// components.scss
.compose-form {
.compose-form__modifiers {
.compose-form__upload {
&-description {
input {
&::placeholder {
opacity: 1.0;
}
}
}
}
}
}

@ -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;

@ -0,0 +1 @@
@import 'flavours/glitch/styles/contrast';

@ -0,0 +1,4 @@
en:
skins:
glitch:
contrast: High contrast
Loading…
Cancel
Save