_override-bootstrap-variables.scss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. //
  2. // Variables
  3. // --------------------------------------------------
  4. //== Colors
  5. //
  6. $primary: $growi-blue !default;
  7. $secondary: #6c757d !default;
  8. $info: #009fbb !default;
  9. $success: #00bb83 !default;
  10. $warning: #ffa32b !default;
  11. $danger: #ff0a54 !default;
  12. $light: #e4e7ea !default;
  13. $dark: #343a40 !default;
  14. $gray-50: lighten($light, 7%) !default;
  15. $gray-100: lighten($light, 4%) !default;
  16. $gray-200: $light !default;
  17. $gray-300: darken($light, 5%) !default;
  18. $gray-400: darken($light, 20%) !default;
  19. $gray-500: darken($light, 30%) !default;
  20. $gray-600: lighten($dark, 10%) !default;
  21. $gray-700: lighten($dark, 5%) !default;
  22. $gray-800: $dark !default;
  23. $gray-900: darken($dark, 5%) !default;
  24. $grays: ("50": $gray-50) !default;
  25. $red: #ff0a54 !default;
  26. //== Typography
  27. //
  28. //## Font, line-height, and color for body text, headings, and more.
  29. $font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  30. $font-family-serif: Georgia, "Times New Roman", Times, serif;
  31. $font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  32. $font-family-base: $font-family-sans-serif;
  33. $font-size-root: 14px;
  34. $line-height-base: 1.42857;
  35. $text-muted: $gray-500;
  36. $blockquote-small-color: $gray-500;
  37. //== Components
  38. //
  39. $border-radius: .15rem;
  40. $border-radius-sm: .1rem;
  41. $border-radius-lg: .25rem;
  42. $border-radius-xl: .35rem;
  43. // Buttons
  44. //
  45. // For each of Bootstrap's buttons, define text, background, and border color.
  46. $btn-link-disabled-color: $gray-500;
  47. //== Forms
  48. //
  49. $input-border-color: $gray-300;
  50. $input-border-radius: $border-radius-sm;
  51. $input-border-radius-sm: $border-radius-sm;
  52. $input-border-radius-lg: $border-radius;
  53. $input-placeholder-color: $gray-500;
  54. $custom-control-indicator-border-color: $gray-400;
  55. $custom-control-label-disabled-color: $gray-500;
  56. $custom-select-disabled-color: $gray-500;
  57. $custom-range-thumb-disabled-bg: $gray-400;
  58. //== Navs
  59. $nav-link-padding-y: 0.75rem;
  60. $nav-link-padding-x: 1rem;
  61. $nav-link-disabled-color: $gray-500;
  62. //== Navbar
  63. $navbar-padding-y: 0;
  64. $navbar-brand-padding-y: 0;
  65. $navbar-nav-link-padding-x: 1rem;
  66. //== Dropdowns
  67. $dropdown-border-radius: $border-radius-sm;
  68. $dropdown-link-disabled-color: $gray-500;
  69. $dropdown-header-color: $gray-500;
  70. //== Pagination
  71. $pagination-disabled-color: $gray-500;
  72. //== Cards
  73. $card-spacer-y: 7px;
  74. $card-spacer-x: 15px;
  75. //== Toasts
  76. $toast-header-color: $gray-500;
  77. //== Modals
  78. $modal-content-border-width: 0;
  79. $modal-header-padding-y: 0.75rem;
  80. $modal-header-padding-x: 1rem;
  81. //== Alerts
  82. $alert-bg-level: -2;
  83. $alert-border-level: 0;
  84. $alert-color-level: -10;
  85. //== Progress bar
  86. $progress-height: 4px;
  87. $progress-border-radius: $border-radius-sm;
  88. $progress-bg: $gray-100;
  89. $progress-box-shadow: none;
  90. //== List group
  91. $list-group-disabled-color: $gray-500;
  92. //== Figures
  93. $figure-caption-color: $gray-500;
  94. //== Breadcrumbs
  95. $breadcrumb-divider-color: $gray-500;
  96. $breadcrumb-active-color: $gray-500;
  97. //== Code
  98. $pre-color: dummyinvalildcolor; // disable pre color specification with invalid value
  99. //== Custom Checkbox
  100. $custom-checkbox-indicator-border-radius: 0px;
  101. $custom-control-indicator-focus-box-shadow: none;
  102. $custom-control-indicator-size: 1.2rem;