variables.less 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. // Sign in button
  40. @btn-signin-color: lighten(desaturate(@brand-primary, 45%), 5%);
  41. @btn-signin-bg: transparent;
  42. @btn-signin-border: lighten(desaturate(@brand-primary, 45%), 10%);
  43. @btn-signin-hover-color: @body-bg;
  44. @btn-signin-hover-bg: @brand-primary;
  45. @btn-signin-hover-border: @brand-primary;
  46. @btn-signin-active-color: @body-bg;
  47. @btn-signin-active-bg: @text-color;
  48. @btn-signin-active-border: @text-color;
  49. // Register button
  50. @btn-register-color: #e67e22;
  51. @btn-register-bg: transparent;
  52. @btn-register-border: #e67e22;
  53. @btn-register-hover-color: @body-bg;
  54. @btn-register-hover-bg: #e67e22;
  55. @btn-register-hover-border: #e67e22;
  56. @btn-register-active-color: @body-bg;
  57. @btn-register-active-bg: darken(#d35400, 5%);
  58. @btn-register-active-border: darken(#d35400, 5%);
  59. // Navbar brand label
  60. @navbar-default-brand-color: @text-color;
  61. @navbar-default-brand-hover-color: @text-color;