theme.less 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /*
  2. theme.less - Default Embedthis Documentation Theme
  3. */
  4. @body-highlight: #E00020;
  5. @body-gradient: 45deg, #402020 0px, @body-highlight 100%;
  6. @body-min-width: 320px;
  7. @masthead-height: 80px;
  8. @masthead-menu-opacity: 0.75;
  9. @masthead-active: #DD2222;
  10. @terms-height: 20px;
  11. @content-min-height: 400px;
  12. @inverted-code-background: #002B36;
  13. @inverted-code-color: #C0C0C0;
  14. @inverted-code-bold: #4AB1B0;
  15. @link-color: #6080A0;
  16. @link-hover-color: #40A0F0;
  17. //
  18. // Colors
  19. //
  20. @white: #FFF;
  21. @white-almost: darken(#FFF, 4.0%); // #F5F5F5
  22. @red: #DD2222;
  23. @gray-darker: lighten(#000, 13.5%); // #222
  24. @gray-dark: lighten(#000, 20%); // #333
  25. @gray: lighten(#000, 33.5%); // #555
  26. @gray-light: lighten(#000, 60%); // #999
  27. @gray-lighter: lighten(#000, 76%); // #CCC
  28. @gray-lightest: lighten(#000, 93.5%); // #EEE
  29. @border-light: lighten(@gray-light, 10%);
  30. @shadow: darken(@gray-light, 10%);
  31. //
  32. // Bands
  33. //
  34. @band-dark-background: #2F221F;
  35. @band-kaki-background: #E4E3D5;
  36. @band-teal-background: #5E7C88;
  37. @band-teal-link: #E0E0FF;
  38. //
  39. // Fonts
  40. //
  41. @font-sans-serif: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  42. @font-logo: 'Julius Sans One', sans-serif;
  43. // @font-logo: 'Audiowide;
  44. @font: @font-sans-serif;
  45. @font-size: 15px;
  46. @font-logo-size: 1.5em;
  47. @mobile-break: 900px;