- Repo for opensource odoo website theme (since V13.0)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

147 lines
3.8 KiB

5 years ago
  1. @mixin o-bg-color-extension($color, $text-color, $with-muted) {
  2. // FIXME "support" of link colors as before ?
  3. // a:not(.btn) {
  4. // color: $linkcolor;
  5. // &:hover, &:focus {
  6. // color: $hovercolor;
  7. // }
  8. // }
  9. }
  10. $o-theme-navbar-height: 80px;
  11. $o-theme-hamburger-layout: false;
  12. $o-theme-bg-img-01: url("/web/image/theme_common.image_content_11");
  13. $o-theme-bg-img-02: url("/web/image/theme_common.image_content_09");
  14. $o-theme-bg-img-03: url("/web/image/theme_common.image_content_10");
  15. $o-theme-bg-img-04: url("/web/image/theme_common.image_content_12");
  16. $o-theme-bg-img-05: url("/web/image/theme_common.image_content_02");
  17. $o-theme-bg-img-06: url("/web/image/theme_common.image_content_03");
  18. $o-theme-bg-img-07: url("/web/image/theme_common.image_content_07");
  19. $font-size-base: 1rem;
  20. //------------------------------------------------------------------------------
  21. // Colors
  22. //------------------------------------------------------------------------------
  23. // Theme colors
  24. $-palettes: (
  25. (
  26. 'alpha': #ffffff,
  27. 'beta': #cdd0a2,
  28. 'gamma': #b4bbb9,
  29. 'delta': #242327,
  30. 'epsilon': #957985,
  31. ),
  32. (
  33. 'alpha': #ffffff,
  34. 'beta': #f4f1db,
  35. 'gamma': #928371,
  36. 'delta': #53453f,
  37. 'epsilon': #c31737,
  38. ),
  39. (
  40. 'alpha': #ffffff,
  41. 'beta': #d8eff1,
  42. 'gamma': #0d75ac,
  43. 'delta': #000f3d,
  44. 'epsilon': #e07a6b,
  45. ),
  46. (
  47. 'alpha': #ffffff,
  48. 'beta': #faf7e1,
  49. 'gamma': #e3d6c6,
  50. 'delta': #eed187,
  51. 'epsilon': #dc733f,
  52. ),
  53. (
  54. 'alpha': #ffffff,
  55. 'beta': #cfcfcf,
  56. 'gamma': #2e2e2e,
  57. 'delta': #000000,
  58. 'epsilon': #32c0c9,
  59. ),
  60. (
  61. 'alpha': #ffffff,
  62. 'beta': #aacfb0,
  63. 'gamma': #4dac5e,
  64. 'delta': #93ab12,
  65. 'epsilon': #e62e3e,
  66. ),
  67. );
  68. $o-theme-color-palettes: ();
  69. @each $-palette in $-palettes {
  70. $o-theme-color-palettes: append($o-theme-color-palettes, map-merge($-palette, (
  71. 'primary': map-get($-palette, 'beta'),
  72. 'secondary': map-get($-palette, 'alpha'),
  73. )));
  74. }
  75. // Grays
  76. $-gray-700: lighten(#000, 33.5%);
  77. $o-gray-color-palettes: ();
  78. @each $-palette in $o-theme-color-palettes {
  79. $o-gray-color-palettes: append($o-gray-color-palettes, (
  80. 'black': #000000,
  81. '900': lighten(#000, 20%),
  82. '700': $-gray-700,
  83. '600': lighten(#000, 46.7%),
  84. '200': lighten(#000, 85%),
  85. 'white': #ffffff,
  86. ));
  87. }
  88. // Colors
  89. $o-color-palettes: ();
  90. @each $-palette in $o-theme-color-palettes {
  91. $o-color-palettes: append($o-color-palettes, (
  92. 'body': desaturate(map-get($-palette, 'delta'), 100%),
  93. 'menu': map-get($-palette, 'beta'),
  94. 'footer': map-get($-palette, 'delta'),
  95. 'text': $-gray-700,
  96. ));
  97. }
  98. //------------------------------------------------------------------------------
  99. // Fonts
  100. //------------------------------------------------------------------------------
  101. $o-theme-fonts: (
  102. ('Source Sans Pro', sans-serif),
  103. ('Forum', cursive),
  104. ('Helvetica','Arial', sans-serif),
  105. ('Buda', cursive),
  106. ('PT Serif', serif),
  107. ('Rajdhani', sans-serif),
  108. );
  109. $o-theme-font-urls: (
  110. 'Source+Sans+Pro:400,400i,700,700i',
  111. 'Forum',
  112. null,
  113. 'Buda:300',
  114. 'PT+Serif:400,400i,700,700i',
  115. 'Rajdhani:400,700',
  116. );
  117. $o-theme-font-names: (
  118. 'Source Sans Pro',
  119. 'Forum',
  120. 'Helvetica',
  121. 'Buda',
  122. 'PT Serif',
  123. 'Rajdhani',
  124. );
  125. //------------------------------------------------------------------------------
  126. // Website customizations
  127. //------------------------------------------------------------------------------
  128. $o-website-values-palettes: (
  129. (
  130. 'header-font-size': (50 / 16) * 1rem,
  131. 'font-number': 1,
  132. 'headings-font-number': 1,
  133. 'navbar-font-number': 1,
  134. 'buttons-font-number': 1,
  135. ),
  136. );