mohammedthaqi
/
electionDashboard
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
7 Commits
1 Branch
0 Tags
67 MiB
Tree: be266b6095
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'be266b6095'
${ noResults }
electionDashboard/target/classes/static/assets/_scss/dashmix/_variables-themes.scss

362 lines
20 KiB
Raw Normal View History

initial commit
3 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. //
  2. // Themes variables
  3. // --------------------------------------------------
  5. // xWork Theme
  7. $theme-xwork-primary: #2d72d9 !default;
  8. $theme-xwork-light: tint-color($primary, 30%) !default;
  9. $theme-xwork-lighter: tint-color($primary, 65%) !default;
  10. $theme-xwork-dark: darken(#343a40, 10%) !default;
  11. $theme-xwork-darker: darken(#343a40, 20%) !default;
  13. $theme-xwork-body-bg: #f5f5f5 !default;
  14. $theme-xwork-body-bg-dark: darken($theme-xwork-body-bg, 4%) !default;
  15. $theme-xwork-body-bg-light: lighten($theme-xwork-body-bg, 2%) !default;
  17. $theme-xwork-body-color: $body-color !default;
  18. $theme-xwork-body-color-dark: $body-color-dark !default;
  19. $theme-xwork-body-color-light: $theme-xwork-body-bg-dark !default;
  21. $theme-xwork-link-color: #0665d0 !default;
  22. $theme-xwork-link-hover-color: darken(#0665d0, 20%) !default;
  24. $theme-xwork-input-btn-focus-color: rgba($theme-xwork-primary, .25) !default;
  25. $theme-xwork-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xwork-input-btn-focus-color !default;
  27. $theme-xwork-input-bg: $white !default;
  28. $theme-xwork-input-color: $theme-xwork-body-color !default;
  29. $theme-xwork-input-border-color: darken($theme-xwork-body-bg, 8%) !default;
  31. $theme-xwork-input-focus-bg: $white !default;
  32. $theme-xwork-input-focus-color: $theme-xwork-body-color-dark !default;
  33. $theme-xwork-input-focus-border-color: lighten($theme-xwork-primary, 25%) !default;
  35. $theme-xwork-header-bg: $white !default;
  36. $theme-xwork-header-dark-bg: shade-color($theme-xwork-primary, 10%) !default;
  37. $theme-xwork-sidebar-bg: $white !default;
  38. $theme-xwork-sidebar-dark-bg: #35393e !default;
  39. $theme-xwork-side-overlay-bg: $white !default;
  41. $theme-xwork-main-nav-link-icon-color: rgba($theme-xwork-primary, .7) !default;
  42. $theme-xwork-main-nav-link-hover-bg: $gray-200 !default;
  43. $theme-xwork-main-nav-submenu-bg: $gray-100 !default;
  45. $theme-xwork-main-nav-link-icon-dark-color: lighten($theme-xwork-sidebar-dark-bg, 20%) !default;
  46. $theme-xwork-main-nav-link-dark-hover-bg: darken($theme-xwork-sidebar-dark-bg, 4.5%) !default;
  47. $theme-xwork-main-nav-submenu-dark-bg: darken($theme-xwork-sidebar-dark-bg, 3%) !default;
  50. // xModern Theme
  52. $theme-xmodern-primary: #45619d !default;
  53. $theme-xmodern-light: lighten($theme-xmodern-primary, 15%) !default;
  54. $theme-xmodern-lighter: lighten($theme-xmodern-primary, 35%) !default;
  55. $theme-xmodern-dark: darken($theme-xmodern-primary, 10%) !default;
  56. $theme-xmodern-darker: darken($theme-xmodern-primary, 20%) !default;
  58. $theme-xmodern-body-bg: #f2f3f7 !default;
  59. $theme-xmodern-body-bg-dark: darken($theme-xmodern-body-bg, 4%) !default;
  60. $theme-xmodern-body-bg-light: lighten($theme-xmodern-body-bg, 2%) !default;
  62. $theme-xmodern-body-color: $body-color !default;
  63. $theme-xmodern-body-color-dark: $body-color-dark !default;
  64. $theme-xmodern-body-color-light: $theme-xmodern-body-bg-dark !default;
  66. $theme-xmodern-link-color: $theme-xmodern-primary !default;
  67. $theme-xmodern-link-hover-color: darken($theme-xmodern-primary, 20%) !default;
  69. $theme-xmodern-input-btn-focus-color: rgba($theme-xmodern-primary, .25) !default;
  70. $theme-xmodern-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xmodern-input-btn-focus-color !default;
  72. $theme-xmodern-input-bg: $white !default;
  73. $theme-xmodern-input-color: $theme-xmodern-body-color !default;
  74. $theme-xmodern-input-border-color: darken($theme-xmodern-body-bg, 8%) !default;
  76. $theme-xmodern-input-focus-bg: $white !default;
  77. $theme-xmodern-input-focus-color: $theme-xmodern-body-color-dark !default;
  78. $theme-xmodern-input-focus-border-color: lighten($theme-xmodern-primary, 25%) !default;
  80. $theme-xmodern-header-bg: $white !default;
  81. $theme-xmodern-header-dark-bg: shade-color($theme-xmodern-primary, 10%) !default;
  82. $theme-xmodern-sidebar-bg: $white !default;
  83. $theme-xmodern-sidebar-dark-bg: #353743 !default;
  84. $theme-xmodern-side-overlay-bg: $white !default;
  86. $theme-xmodern-main-nav-link-icon-color: rgba($theme-xmodern-primary, .7) !default;
  87. $theme-xmodern-main-nav-link-hover-bg: lighten($theme-xmodern-primary, 48%) !default;
  88. $theme-xmodern-main-nav-submenu-bg: lighten($theme-xmodern-primary, 52%) !default;
  90. $theme-xmodern-main-nav-link-icon-dark-color: lighten($theme-xmodern-sidebar-dark-bg, 20%) !default;
  91. $theme-xmodern-main-nav-link-dark-hover-bg: darken($theme-xmodern-sidebar-dark-bg, 4.5%) !default;
  92. $theme-xmodern-main-nav-submenu-dark-bg: darken($theme-xmodern-sidebar-dark-bg, 3%) !default;
  95. // xEco Theme
  97. $theme-xeco-primary: #308a5a !default;
  98. $theme-xeco-light: lighten($theme-xeco-primary, 15%) !default;
  99. $theme-xeco-lighter: lighten($theme-xeco-primary, 35%) !default;
  100. $theme-xeco-dark: darken($theme-xeco-primary, 10%) !default;
  101. $theme-xeco-darker: darken($theme-xeco-primary, 20%) !default;
  103. $theme-xeco-body-bg: #eef3f6 !default;
  104. $theme-xeco-body-bg-dark: darken($theme-xeco-body-bg, 4%) !default;
  105. $theme-xeco-body-bg-light: lighten($theme-xeco-body-bg, 2%) !default;
  107. $theme-xeco-body-color: #1b2932 !default;
  108. $theme-xeco-body-color-dark: $body-color-dark !default;
  109. $theme-xeco-body-color-light: $theme-xeco-body-bg-dark !default;
  111. $theme-xeco-link-color: $theme-xeco-primary !default;
  112. $theme-xeco-link-hover-color: darken($theme-xeco-primary, 20%) !default;
  114. $theme-xeco-input-btn-focus-color: rgba($theme-xeco-primary, .25) !default;
  115. $theme-xeco-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xeco-input-btn-focus-color !default;
  117. $theme-xeco-input-bg: $white !default;
  118. $theme-xeco-input-color: $theme-xeco-body-color !default;
  119. $theme-xeco-input-border-color: darken($theme-xeco-body-bg, 8%) !default;
  121. $theme-xeco-input-focus-bg: $white !default;
  122. $theme-xeco-input-focus-color: $theme-xeco-body-color-dark !default;
  123. $theme-xeco-input-focus-border-color: lighten($theme-xeco-primary, 25%) !default;
  125. $theme-xeco-header-bg: $white !default;
  126. $theme-xeco-header-dark-bg: shade-color($theme-xeco-primary, 10%) !default;
  127. $theme-xeco-sidebar-bg: $white !default;
  128. $theme-xeco-sidebar-dark-bg: #243642 !default;
  129. $theme-xeco-side-overlay-bg: $white !default;
  131. $theme-xeco-main-nav-link-icon-color: rgba($theme-xeco-primary, .7) !default;
  132. $theme-xeco-main-nav-link-hover-bg: $theme-xeco-body-bg-dark !default;
  133. $theme-xeco-main-nav-submenu-bg: $theme-xeco-body-bg-light !default;
  135. $theme-xeco-main-nav-link-icon-dark-color: lighten($theme-xeco-sidebar-dark-bg, 20%) !default;
  136. $theme-xeco-main-nav-link-dark-hover-bg: darken($theme-xeco-sidebar-dark-bg, 4.5%) !default;
  137. $theme-xeco-main-nav-submenu-dark-bg: darken($theme-xeco-sidebar-dark-bg, 3%) !default;
  140. // xSmooth Theme
  142. $theme-xsmooth-primary: #7351c0 !default;
  143. $theme-xsmooth-light: lighten($theme-xsmooth-primary, 15%) !default;
  144. $theme-xsmooth-lighter: lighten($theme-xsmooth-primary, 30%) !default;
  145. $theme-xsmooth-dark: darken($theme-xsmooth-primary, 10%) !default;
  146. $theme-xsmooth-darker: darken($theme-xsmooth-primary, 20%) !default;
  148. $theme-xsmooth-body-bg: $body-bg !default;
  149. $theme-xsmooth-body-bg-dark: $body-bg-dark !default;
  150. $theme-xsmooth-body-bg-light: $body-bg-light !default;
  152. $theme-xsmooth-body-color: $body-color !default;
  153. $theme-xsmooth-body-color-dark: $body-color-dark !default;
  154. $theme-xsmooth-body-color-light: $theme-xsmooth-body-bg-dark !default;
  156. $theme-xsmooth-link-color: $theme-xsmooth-primary !default;
  157. $theme-xsmooth-link-hover-color: darken($theme-xsmooth-primary, 20%) !default;
  159. $theme-xsmooth-input-btn-focus-color: rgba($theme-xsmooth-primary, .25) !default;
  160. $theme-xsmooth-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xsmooth-input-btn-focus-color !default;
  162. $theme-xsmooth-input-bg: $white !default;
  163. $theme-xsmooth-input-color: $theme-xsmooth-body-color !default;
  164. $theme-xsmooth-input-border-color: darken($theme-xsmooth-body-bg, 8%) !default;
  166. $theme-xsmooth-input-focus-bg: $white !default;
  167. $theme-xsmooth-input-focus-color: $theme-xsmooth-body-color-dark !default;
  168. $theme-xsmooth-input-focus-border-color: lighten($theme-xsmooth-primary, 25%) !default;
  170. $theme-xsmooth-header-bg: $white !default;
  171. $theme-xsmooth-header-dark-bg: shade-color($theme-xsmooth-primary, 10%) !default;
  172. $theme-xsmooth-sidebar-bg: $white !default;
  173. $theme-xsmooth-sidebar-dark-bg: #322e38 !default;
  174. $theme-xsmooth-side-overlay-bg: $white !default;
  176. $theme-xsmooth-main-nav-link-icon-color: rgba($theme-xsmooth-primary, .7) !default;
  177. $theme-xsmooth-main-nav-link-hover-bg: $theme-xsmooth-body-bg-dark !default;
  178. $theme-xsmooth-main-nav-submenu-bg: $theme-xsmooth-body-bg-light !default;
  180. $theme-xsmooth-main-nav-link-icon-dark-color: lighten($theme-xsmooth-sidebar-dark-bg, 20%) !default;
  181. $theme-xsmooth-main-nav-link-dark-hover-bg: darken($theme-xsmooth-sidebar-dark-bg, 4.5%) !default;
  182. $theme-xsmooth-main-nav-submenu-dark-bg: darken($theme-xsmooth-sidebar-dark-bg, 3%) !default;
  185. // xInspire Theme
  187. $theme-xinspire-primary: #2a807f !default;
  188. $theme-xinspire-light: lighten($theme-xinspire-primary, 15%) !default;
  189. $theme-xinspire-lighter: lighten($theme-xinspire-primary, 37%) !default;
  190. $theme-xinspire-dark: darken($theme-xinspire-primary, 7.5%) !default;
  191. $theme-xinspire-darker: darken($theme-xinspire-primary, 15%) !default;
  193. $theme-xinspire-body-bg: #f5f5f5 !default;
  194. $theme-xinspire-body-bg-dark: darken($theme-xinspire-body-bg, 4%) !default;
  195. $theme-xinspire-body-bg-light: lighten($theme-xinspire-body-bg, 2%) !default;
  197. $theme-xinspire-body-color: $body-color !default;
  198. $theme-xinspire-body-color-dark: $body-color-dark !default;
  199. $theme-xinspire-body-color-light: $theme-xinspire-body-bg-dark !default;
  201. $theme-xinspire-link-color: $theme-xinspire-primary !default;
  202. $theme-xinspire-link-hover-color: darken($theme-xinspire-primary, 20%) !default;
  204. $theme-xinspire-input-btn-focus-color: rgba($theme-xinspire-primary, .25) !default;
  205. $theme-xinspire-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xinspire-input-btn-focus-color !default;
  207. $theme-xinspire-input-bg: $white !default;
  208. $theme-xinspire-input-color: $theme-xinspire-body-color !default;
  209. $theme-xinspire-input-border-color: darken($theme-xinspire-body-bg, 8%) !default;
  211. $theme-xinspire-input-focus-bg: $white !default;
  212. $theme-xinspire-input-focus-color: $theme-xinspire-body-color-dark !default;
  213. $theme-xinspire-input-focus-border-color: lighten($theme-xinspire-primary, 10%) !default;
  215. $theme-xinspire-header-bg: $white !default;
  216. $theme-xinspire-header-dark-bg: shade-color($theme-xinspire-primary, 10%) !default;
  217. $theme-xinspire-sidebar-bg: $white !default;
  218. $theme-xinspire-sidebar-dark-bg: #35393e !default;
  219. $theme-xinspire-side-overlay-bg: $white !default;
  221. $theme-xinspire-main-nav-link-icon-color: rgba($theme-xinspire-primary, .7) !default;
  222. $theme-xinspire-main-nav-link-hover-bg: $theme-xinspire-body-bg-dark !default;
  223. $theme-xinspire-main-nav-submenu-bg: $theme-xinspire-body-bg !default;
  225. $theme-xinspire-main-nav-link-icon-dark-color: lighten($theme-xinspire-sidebar-dark-bg, 20%) !default;
  226. $theme-xinspire-main-nav-link-dark-hover-bg: darken($theme-xinspire-sidebar-dark-bg, 4.5%) !default;
  227. $theme-xinspire-main-nav-submenu-dark-bg: darken($theme-xinspire-sidebar-dark-bg, 3%) !default;
  230. // xDream Theme
  232. $theme-xdream-primary: #4657a3 !default;
  233. $theme-xdream-light: lighten($theme-xdream-primary, 25%) !default;
  234. $theme-xdream-lighter: lighten($theme-xdream-primary, 45%) !default;
  235. $theme-xdream-dark: lighten(#20273e, 7.5%) !default;
  236. $theme-xdream-darker: #20273e !default;
  238. $theme-xdream-body-bg: darken(#f5f6fa, 1.5%) !default;
  239. $theme-xdream-body-bg-dark: darken($theme-xdream-body-bg, 4%) !default;
  240. $theme-xdream-body-bg-light: lighten($theme-xdream-body-bg, 2%) !default;
  242. $theme-xdream-body-color: $body-color !default;
  243. $theme-xdream-body-color-dark: $body-color-dark !default;
  244. $theme-xdream-body-color-light: $theme-xdream-body-bg-dark !default;
  246. $theme-xdream-link-color: $theme-xdream-primary !default;
  247. $theme-xdream-link-hover-color: darken($theme-xdream-primary, 20%) !default;
  249. $theme-xdream-input-btn-focus-color: rgba($theme-xdream-primary, .25) !default;
  250. $theme-xdream-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xdream-input-btn-focus-color !default;
  252. $theme-xdream-input-bg: $white !default;
  253. $theme-xdream-input-color: $theme-xdream-body-color !default;
  254. $theme-xdream-input-border-color: darken($theme-xdream-body-bg, 8%) !default;
  256. $theme-xdream-input-focus-bg: $white !default;
  257. $theme-xdream-input-focus-color: $theme-xdream-body-color-dark !default;
  258. $theme-xdream-input-focus-border-color: lighten($theme-xdream-primary, 25%) !default;
  260. $theme-xdream-header-bg: $white !default;
  261. $theme-xdream-header-dark-bg: shade-color($theme-xdream-primary, 10%) !default;
  262. $theme-xdream-sidebar-bg: $white !default;
  263. $theme-xdream-sidebar-dark-bg: #33323a !default;
  264. $theme-xdream-side-overlay-bg: $white !default;
  266. $theme-xdream-main-nav-link-icon-color: rgba($theme-xdream-primary, .7) !default;
  267. $theme-xdream-main-nav-link-hover-bg: lighten($theme-xdream-primary, 48%) !default;
  268. $theme-xdream-main-nav-submenu-bg: lighten($theme-xdream-primary, 52%) !default;
  270. $theme-xdream-main-nav-link-icon-dark-color: lighten($theme-xdream-sidebar-dark-bg, 20%) !default;
  271. $theme-xdream-main-nav-link-dark-hover-bg: darken($theme-xdream-sidebar-dark-bg, 4.5%) !default;
  272. $theme-xdream-main-nav-submenu-dark-bg: darken($theme-xdream-sidebar-dark-bg, 3%) !default;
  275. // xPro Theme
  277. $theme-xpro-primary: #4954cb !default;
  278. $theme-xpro-light: lighten($theme-xpro-primary, 15%) !default;
  279. $theme-xpro-lighter: lighten($theme-xpro-primary, 26%) !default;
  280. $theme-xpro-dark: #394263 !default;
  281. $theme-xpro-darker: #282e45 !default;
  283. $theme-xpro-body-bg: #eaedf1 !default;
  284. $theme-xpro-body-bg-dark: darken($theme-xpro-body-bg, 5%) !default;
  285. $theme-xpro-body-bg-light: lighten($theme-xpro-body-bg, 3%) !default;
  287. $theme-xpro-body-color: $body-color !default;
  288. $theme-xpro-body-color-dark: $body-color-dark !default;
  289. $theme-xpro-body-color-light: $theme-xpro-body-bg-dark !default;
  291. $theme-xpro-link-color: $theme-xpro-primary !default;
  292. $theme-xpro-link-hover-color: darken($theme-xpro-primary, 20%) !default;
  294. $theme-xpro-input-btn-focus-color: rgba($theme-xpro-primary, .25) !default;
  295. $theme-xpro-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xpro-input-btn-focus-color !default;
  297. $theme-xpro-input-bg: $white !default;
  298. $theme-xpro-input-color: $theme-xpro-body-color !default;
  299. $theme-xpro-input-border-color: darken($theme-xpro-body-bg, 8%) !default;
  301. $theme-xpro-input-focus-bg: $white !default;
  302. $theme-xpro-input-focus-color: $theme-xpro-body-color-dark !default;
  303. $theme-xpro-input-focus-border-color: lighten($theme-xpro-primary, 25%) !default;
  305. $theme-xpro-header-bg: $white !default;
  306. $theme-xpro-header-dark-bg: shade-color($theme-xpro-primary, 10%) !default;
  307. $theme-xpro-sidebar-bg: $white !default;
  308. $theme-xpro-sidebar-dark-bg: #3b3946 !default;
  309. $theme-xpro-side-overlay-bg: $white !default;
  311. $theme-xpro-main-nav-link-icon-color: rgba($theme-xpro-primary, .7) !default;
  312. $theme-xpro-main-nav-link-hover-bg: lighten($theme-xpro-primary, 40%) !default;
  313. $theme-xpro-main-nav-submenu-bg: lighten($theme-xpro-primary, 43%) !default;
  315. $theme-xpro-main-nav-link-icon-dark-color: lighten($theme-xpro-sidebar-dark-bg, 20%) !default;
  316. $theme-xpro-main-nav-link-dark-hover-bg: darken($theme-xpro-sidebar-dark-bg, 4.5%) !default;
  317. $theme-xpro-main-nav-submenu-dark-bg: darken($theme-xpro-sidebar-dark-bg, 3%) !default;
  320. // xPlay Theme
  322. $theme-xplay-primary: #c74433 !default;
  323. $theme-xplay-light: lighten($theme-xplay-primary, 10%) !default;
  324. $theme-xplay-lighter: lighten($theme-xplay-primary, 30%) !default;
  325. $theme-xplay-dark: darken($theme-xplay-primary, 12%) !default;
  326. $theme-xplay-darker: darken($theme-xplay-primary, 24%) !default;
  328. $theme-xplay-body-bg: #f2f2f2 !default;
  329. $theme-xplay-body-bg-dark: darken($theme-xplay-body-bg, 4%) !default;
  330. $theme-xplay-body-bg-light: lighten($theme-xplay-body-bg, 2%) !default;
  332. $theme-xplay-body-color: $body-color !default;
  333. $theme-xplay-body-color-dark: $body-color-dark !default;
  334. $theme-xplay-body-color-light: $theme-xplay-body-bg-dark !default;
  336. $theme-xplay-link-color: $theme-xplay-primary !default;
  337. $theme-xplay-link-hover-color: darken($theme-xplay-primary, 20%) !default;
  339. $theme-xplay-input-btn-focus-color: rgba($theme-xplay-primary, .25) !default;
  340. $theme-xplay-input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $theme-xplay-input-btn-focus-color !default;
  342. $theme-xplay-input-bg: $white !default;
  343. $theme-xplay-input-color: $theme-xplay-body-color !default;
  344. $theme-xplay-input-border-color: darken($theme-xplay-body-bg, 8%) !default;
  346. $theme-xplay-input-focus-bg: $white !default;
  347. $theme-xplay-input-focus-color: $theme-xplay-body-color-dark !default;
  348. $theme-xplay-input-focus-border-color: lighten($theme-xplay-primary, 25%) !default;
  350. $theme-xplay-header-bg: $white !default;
  351. $theme-xplay-header-dark-bg: shade-color($theme-xplay-primary, 15%) !default;
  352. $theme-xplay-sidebar-bg: $white !default;
  353. $theme-xplay-sidebar-dark-bg: #35393e !default;
  354. $theme-xplay-side-overlay-bg: $white !default;
  356. $theme-xplay-main-nav-link-icon-color: rgba($theme-xplay-primary, .7) !default;
  357. $theme-xplay-main-nav-link-hover-bg: $theme-xplay-body-bg-dark !default;
  358. $theme-xplay-main-nav-submenu-bg: $theme-xplay-body-bg-light !default;
  360. $theme-xplay-main-nav-link-icon-dark-color: lighten($theme-xplay-sidebar-dark-bg, 20%) !default;
  361. $theme-xplay-main-nav-link-dark-hover-bg: darken($theme-xplay-sidebar-dark-bg, 4.5%) !default;
  362. $theme-xplay-main-nav-submenu-dark-bg: darken($theme-xplay-sidebar-dark-bg, 3%) !default;