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.
193 lines
5.4 KiB
193 lines
5.4 KiB
// $Id$ Custom variables for the Akebi theme option of the FiveAlive and FiveAlive-lite themes
|
|
|
|
//Custom styles for the FiveAlive Akebi option theme.
|
|
|
|
// - - - - - - - Bootstrap variables (override values in vendor_bundled/vendor/twbs/bootstrap/scss/_variables.scss - - - - - - //
|
|
// Variables needed for button color variants (start)
|
|
|
|
$white: #fff !default;
|
|
$gray-100: #f8f9fa !default;
|
|
$gray-200: #e9ecef !default;
|
|
$gray-300: #dee2e6 !default;
|
|
$gray-400: #ced4da !default;
|
|
$gray-500: #adb5bd !default;
|
|
$gray-600: #6c757d;
|
|
$gray-700: #495057 !default;
|
|
$gray-800: #343a40 !default;
|
|
$gray-900: #212529;
|
|
$black: #000 !default;
|
|
|
|
$primary: #177F92; //#18a3bb;
|
|
$secondary: #005064;
|
|
$success: #3A833A; // #5cb85c;
|
|
$info: #007378;
|
|
$warning: #A4660E; // #f0ad4e;
|
|
$danger: #D63D00; // #ff5c1a;
|
|
$light: #ddf8f9; // use input bg (was #18a3bb;)
|
|
$dark: #063035; // Match bg of topbar zone
|
|
|
|
|
|
$theme-colors: (
|
|
"primary": $primary,
|
|
"secondary": $secondary,
|
|
"success": $success,
|
|
"info": $info,
|
|
"warning": $warning,
|
|
"danger": $danger,
|
|
"light": $light,
|
|
"dark": $dark
|
|
);
|
|
|
|
|
|
// The following are default values from vendor/twbs/bootstrap/scss/variables.scss - change as needed for theme child option (or to match values in parent theme).
|
|
// Comment-out any that are already defined in the parent theme variables.scss file and shouldn't be redefined.
|
|
$min-contrast-ratio: 3;
|
|
|
|
$color-contrast-dark: $gray-900;
|
|
$color-contrast-light: $white;
|
|
|
|
|
|
// $bg-light: #18a3bb !important; (Changing tactics for Bootstrap 5)
|
|
$body-bg: #fff;
|
|
|
|
$link-color: #11606E;
|
|
$link-hover-color: darken($link-color, 15%);
|
|
$link-hover-decoration: underline;
|
|
|
|
// Navs
|
|
$nav-tabs-link-color: #000;
|
|
$nav-tabs-link-bg: #ddf8f9;
|
|
$nav-tabs-link-active-color: #fff;
|
|
$nav-tabs-link-active-bg: #087084;
|
|
$nav-pills-link-active-bg: #087084;
|
|
|
|
// Navbars
|
|
$page-header-link-color: #fff;
|
|
$topbar-link-color: #fff;
|
|
|
|
// navbar link hover colors
|
|
$bg-dark-link-hover-color: #f2f2f2;
|
|
$bg-dark-link-hover-bg: #003c4a;
|
|
|
|
// Typography
|
|
$hr-border-color: #18a3bb;
|
|
$text-success: #288040 !important;
|
|
$text-danger: #d63d00 !important;
|
|
$text-muted: #6B737B;
|
|
|
|
// Tables
|
|
$table-border-color: #1296a9;
|
|
$table-accent-bg: #f9f9f9;
|
|
$table-hover-bg: #f5f5f5;
|
|
|
|
// Forms
|
|
$input-color: #3d3d3d;
|
|
$input-bg: #ddf8f9;
|
|
$input-border-color: #b4f3fb;
|
|
$input-border-top-color: #83c5ce;
|
|
$input-border-right-color: #fff;
|
|
$input-border-bottom-color: #fff;
|
|
$input-border-left-color: #83c5ce;
|
|
|
|
// Form validation
|
|
|
|
// Dropdowns
|
|
$dropdown-bg: #087f93;
|
|
$dropdown-border-color: rgba(0, 0, 0, 0.15);
|
|
$dropdown-link-color: #ffffff;
|
|
$dropdown-link-hover-color: #f2f2f2;
|
|
$dropdown-link-hover-bg: #087084;
|
|
$dropdown-link-active-color: red;
|
|
$dropdown-link-active-bg: #087084;
|
|
$dropdown-link-disabled-color: #f2f2f2;
|
|
$dropdown-header-color: #ffffff;
|
|
$dropdown-divider-bg: $dropdown-bg;
|
|
|
|
// Pagination
|
|
$pagination-color: #0b8a98;
|
|
$pagination-bg: #ffffff;
|
|
$pagination-border-color: #dddddd;
|
|
$pagination-hover-color: #18a3bb;
|
|
$pagination-hover-bg: #eeeeee;
|
|
$pagination-hover-border-color: #dddddd;
|
|
$pagination-active-bg: #0b8a98;
|
|
$pagination-active-border-color: #0b8a98;
|
|
$pagination-disabled-color: #999999;
|
|
$pagination-disabled-bg: #ffffff;
|
|
$pagination-disabled-border-color: #dddddd;
|
|
|
|
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
|
|
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
|
|
$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
|
|
$btn-box-shadow: inset 0 1px 0 rgba($white, .15),
|
|
0 1px 1px rgba($black, .075) !default;
|
|
$enable-shadows: false;
|
|
$input-btn-focus-width: .2rem !default;
|
|
$btn-focus-width: $input-btn-focus-width !default;
|
|
$link-color: $primary;
|
|
$link-hover-color: darken($link-color, 15%);
|
|
$link-hover-decoration: underline !default;
|
|
$btn-link-disabled-color: $gray-600 !default;
|
|
|
|
$enable-gradients: true;
|
|
$enable-shadows: true;
|
|
|
|
// - - - - - - - - - - - - - - - - Other variables, if any - - - - - - - - - - - - - - - - - //
|
|
|
|
$top-bg: #117485;
|
|
$top-color: #fff;
|
|
$top-link-color: #fff;
|
|
$top-link-hover-color: #f9f9f9;
|
|
//$topbar-bg: #063035;
|
|
$bg-dark: #18a3bb;
|
|
//$bg-light: #18a3bb;
|
|
|
|
|
|
$top-light-bg: transparent; // #117485;
|
|
$top-light-color: #f9f9f9;
|
|
$topbar-light-bg: #063035;
|
|
$topbar-light-color: #f9f9f9;
|
|
|
|
$top-dark-bg: transparent; // #117485; // $top-light-bg; defining the variable with a variable didn't work.
|
|
$top-dark-color: $top-light-color;
|
|
$top-dark-link-color: $top-light-color;
|
|
$topbar-dark-bg: #063035; // $topbar-light-bg;
|
|
$topbar-dark-color: $topbar-light-color;
|
|
|
|
$navbar-light-link-color: $top-light-color;
|
|
$navbar-light-link-hover-color: #f2f2f2;
|
|
//$navbar-light-link-hover-bg: #003c4a;
|
|
|
|
$navbar-dark-link-color: $top-light-color;
|
|
$navbar-dark-link-hover-color: #f2f2f2;
|
|
$navbar-dark-link-hover-color: $navbar-light-link-hover-color;
|
|
//$navbar-light-link-hover-bg: #003c4a;
|
|
|
|
|
|
$card-border-color: #169FB6;
|
|
|
|
$bg-light-alt: #117485;
|
|
|
|
$side-column-heading-color: #169FB6;
|
|
|
|
$topbar-dark-bg: #063035;
|
|
$footer_liner-card-inner-border: #19a5be;
|
|
|
|
$footer-accent-color: #19a5be;
|
|
$footer-btn-secondary-color: #f4f4f4;
|
|
$footer_liner-border-color: $footer-accent-color;
|
|
|
|
$autotoc-nav-bg: #005064;
|
|
$autotoc-color: #ffffff;
|
|
$autotoc-nav-link-hover-color: #f2f2f2;
|
|
$autotoc-nav-link-hover-bg: #2e1f39;
|
|
|
|
$autotoc-nav-bg: #ffffff;
|
|
$autotoc-nav-border: #19a5be;
|
|
$autotoc-color: #0b8a98;
|
|
$autotoc-nav-li-link-hover-color: #f2f2f2;
|
|
$autotoc-nav-li-link-hover-bg: #003c4a;
|
|
$topbar-dark-bg: #063035;
|
|
$postbody-title-card-title-color: #fff;
|
|
|
|
$bg-dark-info: #00DAE6;
|