mirror of https://github.com/snachodog/mybuddy.git
137 lines
2.9 KiB
SCSS
137 lines
2.9 KiB
SCSS
@use 'sass:color';
|
|
|
|
// Theme variables.
|
|
|
|
// Color system
|
|
|
|
$white: #fff;
|
|
$gray-100: #f8f9fa;
|
|
$gray-200: #e9ecef;
|
|
$gray-300: #dee2e6;
|
|
$gray-400: #ced4da;
|
|
$gray-500: #adb5bd;
|
|
$gray-600: #6c757d;
|
|
$gray-700: #495057;
|
|
$gray-800: #343a40;
|
|
$gray-900: #212529;
|
|
$black: #000;
|
|
|
|
$primary: #37abe9;
|
|
$danger: #a72431;
|
|
$error: $danger;
|
|
$secondary: #ff8f00;
|
|
$warning: #ffbe42;
|
|
$success: #239556;
|
|
$debug: #5abccc;
|
|
$info: #44c4dd;
|
|
$light: $gray-100;
|
|
$dark: $gray-800;
|
|
|
|
|
|
// Body
|
|
// Settings for the `<body>` element.
|
|
|
|
$body-bg: $gray-900;
|
|
$body-color: $gray-400;
|
|
|
|
// Links
|
|
// Style anchor elements.
|
|
|
|
$link-color: $info;
|
|
$link-decoration: none;
|
|
$link-hover-color: color.adjust($link-color, $lightness: -15%);
|
|
|
|
|
|
// Components
|
|
// Define common padding and border radius sizes and more.
|
|
|
|
$border-color: $gray-200;
|
|
$component-active-color: $gray-400;
|
|
$component-active-bg: $primary;
|
|
|
|
|
|
// Fonts
|
|
// Font, line-height, and color for body text, headings, and more.
|
|
|
|
$text-muted: $gray-600 !default;
|
|
$blockquote-small-color: $gray-600 !default;
|
|
$hr-border-color: rgba($black, .1) !default;
|
|
$mark-bg: #fcf8e3 !default;
|
|
|
|
|
|
// Forms
|
|
|
|
$input-bg: $white;
|
|
$input-disabled-bg: $gray-600;
|
|
$input-color: $black;
|
|
$input-border-color: rgba($gray-600, .15);
|
|
$input-group-addon-bg: $gray-500;
|
|
|
|
|
|
// Tables
|
|
|
|
$table-cell-padding-y: 0.75rem;
|
|
$table-cell-padding-x: 0.75rem;
|
|
$table-striped-bg: $dark;
|
|
|
|
// Dropdowns
|
|
// Dropdown menu container and contents.
|
|
|
|
$dropdown-bg: $gray-700;
|
|
$dropdown-divider-bg: $gray-800;
|
|
$dropdown-link-color: $body-color;
|
|
$dropdown-link-hover-color: color.adjust($body-color, $lightness: -5%);
|
|
$dropdown-link-hover-bg: $primary;
|
|
$dropdown-link-active-color: $component-active-color;
|
|
$dropdown-link-active-bg: $component-active-bg;
|
|
$dropdown-header-color: color.adjust($body-color, $lightness: -25%);
|
|
|
|
|
|
// Pagination
|
|
|
|
$pagination-color: $link-color;
|
|
$pagination-bg: $dark;
|
|
$pagination-border-color: color.adjust($dark, $lightness: 5%);
|
|
|
|
$pagination-hover-color: $link-hover-color;
|
|
$pagination-hover-bg: $gray-900;
|
|
$pagination-hover-border-color: $gray-800;
|
|
|
|
$pagination-active-color: $body-color;
|
|
$pagination-active-bg: $primary;
|
|
$pagination-active-border-color: $primary;
|
|
|
|
$pagination-disabled-color: $gray-600;
|
|
$pagination-disabled-bg: $pagination-bg;
|
|
$pagination-disabled-border-color: $pagination-border-color;
|
|
|
|
|
|
// Cards
|
|
|
|
$card-bg: $dark;
|
|
$card-cap-bg: rgba($light, .05);
|
|
|
|
|
|
// Progress bars
|
|
|
|
$progress-bg: $gray-600;
|
|
|
|
|
|
// List group
|
|
|
|
$list-group-bg: $dark;
|
|
$list-group-hover-bg: color.adjust($list-group-bg, $lightness: -5%);
|
|
$list-group-active-color: $component-active-color !default;
|
|
$list-group-active-bg: $component-active-bg !default;
|
|
$list-group-active-border-color: $list-group-active-bg !default;
|
|
$list-group-action-color: $gray-400;
|
|
$list-group-action-hover-color: $list-group-action-color;
|
|
|
|
|
|
// Breadcrumbs
|
|
|
|
$breadcrumb-active-color: $gray-600;
|
|
$breadcrumb-bg: none;
|
|
$breadcrumb-padding-y: 0.75rem;
|
|
$breadcrumb-padding-x: 1rem;
|