variables.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. // Variables
  2. //
  3. // Misago admin overrides
  4. // Color system
  5. //
  6. // Use atlaskit color palette and swap blue with purple for primary color
  7. $white: #fff !default;
  8. $gray-100: #f4f5f7 !default;
  9. $gray-200: #ebecf0 !default;
  10. $gray-300: #dfe1e6 !default;
  11. $gray-400: #c1c7d0 !default;
  12. $gray-500: #b3bac5 !default;
  13. $gray-600: #a5adba !default;
  14. $gray-700: #6b778c !default;
  15. $gray-800: #505f79 !default;
  16. $gray-900: #172b4d !default;
  17. $black: #091e42 !default;
  18. $blue: #0052cc !default;
  19. $purple: #6554c0 !default;
  20. $red: #ff5630 !default;
  21. $orange: #ffab00 !default;
  22. $green: #36b37e !default;
  23. $cyan: #00b8d9 !default;
  24. $primary: $purple !default;
  25. $light: $gray-200 !default;
  26. $component-active-color: $white !default;
  27. $component-active-bg: $black !default;
  28. // Body
  29. //
  30. // Make background gray and body color squid-ink so blocks stand out more
  31. $body-bg: $gray-100 !default;
  32. $body-color: $gray-900 !default;
  33. // Links
  34. //
  35. // Make link use text color - we heavily customize link colors in app
  36. $link-color: $gray-700 !default;
  37. $link-hover-color: $gray-900 !default;
  38. // Sidenavs
  39. $nav-side-width: 240px !default;
  40. $nav-side-icon-width: 30px !default;
  41. $nav-side-link-active-color: $black !default;
  42. // Options
  43. //
  44. // Yield caret control to Misago styles
  45. $enable-caret: false !default;
  46. // Alerts
  47. //
  48. // Remove border from alerts making them flatter, bump text contrast
  49. $alert-border-width: 0 !default;
  50. $alert-color-level: 8 !default;
  51. // Tables
  52. //
  53. // Customizes the `.table` component with basic values, each used across all table variations.
  54. $table-head-bg: transparent !default;
  55. $table-head-color: $gray-700 !default;
  56. // Cards
  57. //
  58. // Reset card header and footer background to transparent
  59. $card-cap-bg: transparent !default;
  60. // Buttons + Forms
  61. //
  62. // Fix colors after overriding
  63. $input-btn-focus-color: rgba($blue, .15) !default;