variables.less 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. //
  2. // Flavor Variables
  3. // --------------------------------------------------
  4. //== Colors
  5. //
  6. //## Basic colors for use in this flavor
  7. @brand-primary: #3498db;
  8. @brand-success: #5cb85c;
  9. @brand-info: #5bc0de;
  10. @brand-warning: #f0ad4e;
  11. @brand-danger: #d9534f;
  12. //** Background color for `<body>`.
  13. @body-bg: darken(#fff, 1%);
  14. //** Global text color on `<body>`.
  15. @text-color: #2c3e50;
  16. //** Global textual link color.
  17. @link-color: @brand-primary;
  18. //** Link hover color set via `darken()` function.
  19. @link-hover-color: darken(@link-color, 15%);
  20. //** Text muted color
  21. @text-muted: #95a5a6;
  22. //== Navbar
  23. //
  24. //## Custom navbar flavor
  25. // Navbar Colors
  26. @navbar-default-color: #2c3e50;
  27. @navbar-default-bg: #ecf0f1;
  28. @navbar-default-border: darken(@navbar-default-bg, 7%);
  29. // Navbar links
  30. @navbar-primary-link-color: #7f8c8d;
  31. @navbar-primary-link-bg: @navbar-default-bg;
  32. @navbar-primary-link-border: @navbar-default-border;
  33. @navbar-primary-link-hover-color: @brand-primary;
  34. @navbar-primary-link-hover-bg: @navbar-default-bg;
  35. @navbar-primary-link-hover-border: @brand-primary;
  36. @navbar-primary-link-active-color: @body-bg;
  37. @navbar-primary-link-active-bg: @brand-primary;
  38. @navbar-primary-link-active-border: @brand-primary;
  39. @navbar-default-link-color: #7f8c8d;
  40. @navbar-default-link-hover-color: @brand-primary;
  41. @navbar-default-link-hover-bg: transparent;
  42. @navbar-default-link-active-color: @brand-primary;
  43. @navbar-default-link-active-bg: transparent;
  44. // Sign in button
  45. @btn-signin-color: lighten(desaturate(@brand-primary, 45%), 5%);
  46. @btn-signin-bg: transparent;
  47. @btn-signin-border: lighten(desaturate(@brand-primary, 45%), 10%);
  48. @btn-signin-hover-color: @body-bg;
  49. @btn-signin-hover-bg: @brand-primary;
  50. @btn-signin-hover-border: @brand-primary;
  51. @btn-signin-active-color: @body-bg;
  52. @btn-signin-active-bg: @text-color;
  53. @btn-signin-active-border: @text-color;
  54. // Register button
  55. @btn-register-color: #e67e22;
  56. @btn-register-bg: transparent;
  57. @btn-register-border: #e67e22;
  58. @btn-register-hover-color: @body-bg;
  59. @btn-register-hover-bg: #e67e22;
  60. @btn-register-hover-border: #e67e22;
  61. @btn-register-active-color: @body-bg;
  62. @btn-register-active-bg: darken(#d35400, 5%);
  63. @btn-register-active-border: darken(#d35400, 5%);
  64. // Navbar brand label
  65. @navbar-default-brand-color: @text-color;
  66. @navbar-default-brand-hover-color: @text-color;
  67. //== Dropdowns
  68. //
  69. //## Custom navbar flavor
  70. //** Dropdown link text color.
  71. @dropdown-link-color: lighten(@text-color, 10%);
  72. //** Hover color for dropdown links.
  73. @dropdown-link-hover-color: @body-bg;
  74. //** Hover background for dropdown links.
  75. @dropdown-link-hover-bg: @brand-primary;
  76. //** Active dropdown menu item text color.
  77. @dropdown-link-active-color: @body-bg;
  78. //** Active dropdown menu item background color.
  79. @dropdown-link-active-bg: #34495e;
  80. //** Open dropdown shadow color.
  81. @dropdown-shadow: fadeOut(#333, 50%);