_variables.scss 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. // Bootstrap options
  2. $enable-gradients: true !default;
  3. $enable-shadows: true !default;
  4. // Theme colors
  5. // TODO: consider moving all of these theme-color definitions into the User
  6. // Guide SCSS, or declare theme here, but namespaced:
  7. $primary: #30638e !default;
  8. $secondary: #ffa630 !default;
  9. $success: #3772ff !default;
  10. $info: #c0e0de !default;
  11. $warning: #ed6a5a !default;
  12. $danger: #ed6a5a !default;
  13. $light: #d3f3ee !default; // TODO: consider using BS value
  14. $dark: #403f4c !default; // TODO: consider using BS value
  15. $code-color: shade-color($secondary, 40%) !default;
  16. :root,
  17. [data-bs-theme="light"] {
  18. --td-pre-bg: var(--bs-tertiary-bg);
  19. }
  20. // UI element colors
  21. // Background colors for the sections on home page etc. It is a paint by number
  22. // system, starting at 0, where the number is taken from the shortcode's ordinal
  23. // if not provided by the user. These colors are all part of the theme palette,
  24. // but the mix is fairly random to create variation. This can be overridden by
  25. // the project if needed.
  26. $td-box-colors: $dark, $primary, $secondary, $info, $white, $gray-600, $success,
  27. $warning, $dark, $danger, $primary, $secondary, $info !default;
  28. $link-color: $blue-500 !default;
  29. $link-shade-percentage: 30% !default;
  30. // Fonts
  31. $td-enable-google-fonts: true !default;
  32. $google_font_name: "Open Sans" !default;
  33. $google_font_family: "Open+Sans:300,300i,400,400i,700,700i" !default;
  34. $web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}&display=swap";
  35. $font-awesome-font-name: "Font Awesome 6 Free" !default;
  36. $td-fonts-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  37. "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  38. "Segoe UI Symbol";
  39. @if $td-enable-google-fonts {
  40. $td-fonts-serif: join("#{$google_font_name}", $td-fonts-serif);
  41. }
  42. $font-family-sans-serif: $td-fonts-serif !default; // TODO: consider moving into UG SCSS or namespace the var (td-)
  43. $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
  44. "Liberation Mono", "Courier New", monospace !default; // TODO: consider moving into UG SCSS or namespace the var (td-)
  45. $font-family-base: $font-family-sans-serif !default; // TODO: consider moving into UG SCSS or namespace the var (td-)
  46. // Font weights
  47. $font-weight-medium: 500 !default; // TODO: move into var forward file after upgrading BS to v5.3+
  48. $font-weight-body-text: $font-weight-normal !default;
  49. // Heading sizes
  50. $h3-font-size: $font-size-base * 1.5 !default; // TODO: consider using BS default (* 1.75), or moving into UG SCSS
  51. $h4-font-size: $font-size-base * 1.35 !default; // TODO: consider using BS default (* 1.5), or moving into UG SCSS
  52. $h5-font-size: $font-size-base * 1.15 !default; // TODO: consider using BS default (* 1.25), or moving into UG SCSS
  53. // Space
  54. $td-block-space-top-base: 4 * $spacer !default;
  55. $td-block-space-bottom-base: 4 * $spacer !default;
  56. // Pagination
  57. $pagination-color: $gray-600 !default; // TODO: consider using BS default
  58. $pagination-disabled-color: $gray-300 !default; // TODO: consider using BS default
  59. // Footer
  60. $list-inline-padding: $spacer;