.circleci
.dependabot
.github
app
chewy
controllers
helpers
javascript
fonts
images
mastodon
packs
styles
contrast
fonts
mastodon
mastodon-light
diff.scss
variables.scss
application.scss
contrast.scss
mailer.scss
mastodon-light.scss
lib
mailers
models
policies
presenters
serializers
services
validators
views
workers
bin
config
db
dist
lib
log
nanobox
public
spec
streaming
vendor
.buildpacks
.codeclimate.yml
.dockerignore
.editorconfig
.env.nanobox
.env.production.sample
.env.test
.env.vagrant
.eslintignore
.eslintrc.js
.foreman
.gitattributes
.gitignore
.haml-lint.yml
.nanoignore
.nvmrc
.profile
.rspec
.rubocop.yml
.ruby-version
.sass-lint.yml
.slugignore
.yarnclean
AUTHORS.md
Aptfile
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
Capfile
Dockerfile
Gemfile
Gemfile.lock
LICENSE
Procfile
Procfile.dev
README.md
Rakefile
Vagrantfile
app.json
babel.config.js
boxfile.yml
config.ru
crowdin.yml
docker-compose.yml
package.json
postcss.config.js
priv-config
scalingo.json
yarn.lock
42 lines
1.1 KiB
SCSS
42 lines
1.1 KiB
SCSS
// Dependent colors
|
|
$black: #000000;
|
|
$white: #ffffff;
|
|
|
|
$classic-base-color: #282c37;
|
|
$classic-primary-color: #9baec8;
|
|
$classic-secondary-color: #d9e1e8;
|
|
$classic-highlight-color: #2b90d9;
|
|
|
|
// Differences
|
|
$success-green: #3c754d;
|
|
|
|
$base-overlay-background: $white !default;
|
|
$valid-value-color: $success-green !default;
|
|
|
|
$ui-base-color: $classic-secondary-color !default;
|
|
$ui-base-lighter-color: #b0c0cf;
|
|
$ui-primary-color: #9bcbed;
|
|
$ui-secondary-color: $classic-base-color !default;
|
|
$ui-highlight-color: #2b90d9;
|
|
|
|
$primary-text-color: $black !default;
|
|
$darker-text-color: $classic-base-color !default;
|
|
$dark-text-color: #444b5d;
|
|
$action-button-color: #606984;
|
|
|
|
$inverted-text-color: $black !default;
|
|
$lighter-text-color: $classic-base-color !default;
|
|
$light-text-color: #444b5d;
|
|
|
|
//Newly added colors
|
|
$account-background-color: $white !default;
|
|
|
|
//Invert darkened and lightened colors
|
|
@function darken($color, $amount) {
|
|
@return hsl(hue($color), saturation($color), lightness($color) + $amount);
|
|
}
|
|
|
|
@function lighten($color, $amount) {
|
|
@return hsl(hue($color), saturation($color), lightness($color) - $amount);
|
|
}
|