datatable.directory codebase
https://datatable.directory/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.5 KiB
84 lines
2.5 KiB
// Body
|
|
$body-bg: white;
|
|
|
|
// Typography
|
|
$font-family-sans-serif: "IBM Plex Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
|
$font-size-base: 1rem;
|
|
$line-height-base: 1.6;
|
|
|
|
$link-color: darken($primary, 15%);
|
|
$link-decoration: none;
|
|
$link-hover-color: darken($primary, 10%);
|
|
$link-hover-decoration: underline;
|
|
|
|
$card-cap-bg: lighten($primary, 5);
|
|
$card-border-color: $primary;
|
|
//$card-border-width: 2px;
|
|
$card-border-radius: 5px;
|
|
$card-inner-border-radius: 2px;
|
|
|
|
$list-group-hover-bg: rgba($primary, .1);
|
|
|
|
$tooltip-max-width: 300px;
|
|
$tooltip-bg: darken($primary, 20%);
|
|
$tooltip-arrow-color: $tooltip-bg;
|
|
|
|
$pagination-padding-y-sm: dist(1);
|
|
$pagination-padding-x-sm: dist(3);
|
|
|
|
$navbar-bg: white;
|
|
|
|
$footer-separator-color: $gray-200;
|
|
|
|
$theme: light !default;
|
|
@if $theme == dark {
|
|
// dark mode overrides
|
|
|
|
$body-bg: $gray-900;
|
|
$body-color: $gray-100;
|
|
$text-muted: $gray-500;
|
|
$link-color: lighten($primary, 15%);
|
|
$link-hover-color: lighten($primary, 20%);
|
|
|
|
$card-bg: $gray-800;
|
|
$list-group-bg: $gray-800;
|
|
$list-group-hover-bg: $gray-700;
|
|
$list-group-disabled-color: $gray-400;
|
|
$list-group-action-color: $gray-200;
|
|
$list-group-action-hover-color: $gray-200;
|
|
$list-group-action-active-bg: $gray-600;
|
|
$list-group-action-active-color: $gray-100;
|
|
|
|
$tooltip-color: rgba($white, 0.9);
|
|
|
|
$navbar-bg: lighten($gray-900, 2%);
|
|
$footer-separator-color: $gray-800;
|
|
|
|
$close-color: $white;
|
|
|
|
$input-bg: $gray-700;
|
|
$input-color: $gray-200;
|
|
$input-disabled-bg: $gray-900;
|
|
$input-border-color: $gray-600;
|
|
$input-focus-bg: $input-bg;
|
|
$input-focus-color: $input-color;
|
|
$input-group-addon-bg: $gray-800;
|
|
$input-group-addon-color: $input-color;
|
|
$input-group-addon-border-color: $input-border-color;
|
|
|
|
$custom-select-color: $input-color;
|
|
$custom-select-bg: $input-bg;
|
|
$custom-select-disabled-bg: $input-disabled-bg;
|
|
$custom-select-indicator-color: $gray-300;
|
|
$custom-select-border-color: $input-border-color;
|
|
$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23");
|
|
|
|
$dropdown-bg: $gray-700;
|
|
$dropdown-link-color: $gray-300;
|
|
$dropdown-link-hover-color: lighten($gray-300, 5%);
|
|
$dropdown-link-hover-bg: $gray-800;
|
|
$dropdown-link-disabled-color: $gray-500;
|
|
$dropdown-header-color: $gray-400;
|
|
|
|
$border-color: $gray-600;
|
|
}
|
|
|