mirror of
https://github.com/picturepan2/instagram.css
synced 2024-06-09 17:32:13 +02:00
33 lines
1.2 KiB
SCSS
33 lines
1.2 KiB
SCSS
// Version
|
|
$version: "0.1.4";
|
|
|
|
// Core colors
|
|
$primary-color: #5755d9 !default;
|
|
$primary-color-dark: darken($primary-color, 3%) !default;
|
|
$primary-color-light: lighten($primary-color, 3%) !default;
|
|
$secondary-color: lighten($primary-color, 37.5%) !default;
|
|
$secondary-color-dark: darken($secondary-color, 3%) !default;
|
|
$secondary-color-light: lighten($secondary-color, 3%) !default;
|
|
|
|
// Gray colors
|
|
$dark-color: #303742 !default;
|
|
$light-color: #fff !default;
|
|
$gray-color: lighten($dark-color, 55%) !default;
|
|
$gray-color-dark: darken($gray-color, 30%) !default;
|
|
$gray-color-light: lighten($gray-color, 20%) !default;
|
|
|
|
$border-color: lighten($dark-color, 65%) !default;
|
|
$border-color-dark: darken($border-color, 10%) !default;
|
|
$bg-color: lighten($dark-color, 75%) !default;
|
|
$bg-color-dark: darken($bg-color, 3%) !default;
|
|
$bg-color-light: $light-color !default;
|
|
|
|
// Other colors
|
|
$code-color: #d73e48 !default;
|
|
$highlight-color: #ffe9b3 !default;
|
|
$body-bg: $bg-color-light !default;
|
|
$body-font-color: lighten($dark-color, 5%) !default;
|
|
$link-color: $primary-color !default;
|
|
$link-color-dark: darken($link-color, 10%) !default;
|
|
$link-color-light: lighten($link-color, 10%) !default;
|