github.com/e154/smart-home@v0.17.2-0.20240311175135-e530a6e5cd45/doc/themes/docsy/assets/scss/_variables.scss (about)

     1  /*
     2  
     3  Bootstrap variables overrides for theme.
     4  See https://github.com/twbs/bootstrap/pull/23260
     5  */
     6  
     7  @fa-font-path :        "../webfonts";
     8  
     9  // Bootstrap flags. For more, see https://getbootstrap.com/docs/4.0/getting-started/theming/
    10  $enable-gradients: true !default;
    11  $enable-rounded: true !default;
    12  $enable-shadows: true !default;
    13  
    14  // Theme flags.
    15  
    16  $td-enable-google-fonts: true !default;
    17  
    18  // Theme colors
    19  
    20  $primary: #30638E !default;
    21  $primary-light: lighten($primary, 75%) !default;
    22  $secondary: #FFA630 !default;
    23  $success: #3772FF !default;
    24  $info: #C0E0DE !default;
    25  $warning: #ED6A5A !default;
    26  $danger: #ED6A5A !default;
    27  $white: #fff !default;
    28  $light: #D3F3EE !default;
    29  
    30  $dark: #403F4C !default;
    31  $blue: #72A1E5 !default;
    32  $orange: #BA5A31 !default;
    33  $gray-100: #f8f9fa !default;
    34  $gray-200: #eee !default;
    35  $gray-300: #dee2e6 !default;
    36  $gray-400: #ccc !default;
    37  $gray-500: #adb5bd !default;
    38  $gray-600: #797676 !default;
    39  $gray-700: #495057 !default;
    40  $gray-800: #333 !default;
    41  $gray-900: #222 !default;
    42  $black: #000 !default;
    43  
    44  $code-color: darken($secondary, 20%) !default;
    45  
    46  // UI element colors
    47  
    48  $border-color: $gray-300 !default;
    49  $td-sidebar-tree-root-color: $primary !default;
    50  $td-sidebar-bg-color: rgba($primary, 0.03) !default;
    51  $td-sidebar-border-color: $border-color !default;
    52  
    53  // Background colors for the sections on home page etc. It is a paint by number system, starting at 0, where the number is taken from the shortcode's ordinal
    54  // if not provided by the user.
    55  // These colors are all part of the theme palette, but the mix is fairly random to create variation. This can be overridden by the project if needed.
    56  $td-box-colors: $dark, $primary, $secondary, $info, $primary-light, $gray-600, $success, $warning, $dark, $danger, $primary, $secondary, $primary-light, $info !default;
    57  
    58  $link-color: darken($blue, 15%) !default;
    59  $link-decoration: none !default;
    60  $link-hover-color: darken($link-color, 15%) !default;
    61  $link-hover-decoration: none !default;
    62  
    63  // Fonts
    64  
    65  $google_font_name: "Open Sans" !default;
    66  $google_font_family: "Open+Sans:300,300i,400,400i,700,700i" !default;
    67  $web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}&display=swap";
    68  
    69  $td-fonts-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    70  
    71  @if $td-enable-google-fonts {
    72      $td-fonts-serif: prepend($td-fonts-serif, "#{$google_font_name}");
    73  }
    74  
    75  $font-family-sans-serif: $td-fonts-serif !default;
    76  
    77  $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
    78  $font-family-base: $font-family-sans-serif !default;
    79  $font-size-base: 1rem !default;
    80  
    81  // Font weights
    82  
    83  $font-weight-light: 300 !default;
    84  $font-weight-normal: 400 !default;
    85  $font-weight-medium: 500 !default;
    86  $font-weight-bold: 700 !default;
    87  
    88  $font-weight-body-text: $font-weight-normal !default;
    89  $headings-font-weight: $font-weight-medium !default;
    90  
    91  // Heading sizes
    92  
    93  $h1-font-size: $font-size-base * 2.25 !default;
    94  $h2-font-size: $font-size-base * 2 !default;
    95  $h3-font-size: $font-size-base * 1.5 !default;
    96  $h4-font-size: $font-size-base * 1.35 !default;
    97  $h5-font-size: $font-size-base * 1.15 !default;
    98  $h6-font-size: $font-size-base !default;
    99  
   100  // Display styles
   101  
   102  $display1-weight: $font-weight-bold !default;
   103  $display2-weight: $font-weight-bold !default;
   104  $display3-weight: $font-weight-bold !default;
   105  $display4-weight: $font-weight-bold !default;
   106  $display1-size: 3rem !default;
   107  $display2-size: 2.5rem !default;
   108  $display3-size: 2rem !default;
   109  $display4-size: 1.75rem !default;
   110  
   111  // Space
   112  
   113  $spacer: 1rem;
   114  $td-block-space-top-base: 4 * $spacer !default;
   115  $td-block-space-bottom-base: 4 * $spacer !default;
   116  
   117  // Pagination
   118  
   119  $pagination-color: $gray-600 !default;
   120  $pagination-border-color: rgba($black, 0.1) !default;
   121  $pagination-active-border-color: darken($primary, 5%) !default;
   122  $pagination-disabled-color: $gray-300 !default;
   123  
   124  // Navbar
   125  
   126  $navbar-dark-color: rgba($white, 0.75) !default;
   127  $navbar-dark-hover-color: rgba($white, 0.5) !default;
   128  $navbar-dark-active-color: $white !default;
   129  $navbar-dark-disabled-color: rgba($white, 0.25) !default;
   130  
   131  // The yiq lightness value that determines when the lightness of color changes from "dark" to "light".
   132  $yiq-contrasted-threshold: 200 !default;