theme-deep-purple.scss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @import '_theme-color-variables';
  2. .theme-deep-purple {
  3. .navbar {
  4. background-color: $theme-deep-purple;
  5. }
  6. .navbar-brand {
  7. color: $theme-deep-purple-navbar-brand;
  8. &:hover {
  9. color: $theme-deep-purple-navbar-brand_hover;
  10. }
  11. &:active {
  12. color: $theme-deep-purple-navbar-brand_active;
  13. }
  14. &:focus {
  15. color: $theme-deep-purple-navbar-brand_focus;
  16. }
  17. }
  18. .nav {
  19. > li {
  20. > a {
  21. color: $theme-deep-purple-nav-anchor;
  22. &:hover {
  23. background-color: $theme-deep-purple-nav-anchor_hover;
  24. }
  25. &:focus {
  26. background-color: $theme-deep-purple-nav-anchor_focus;
  27. }
  28. }
  29. }
  30. .open {
  31. > a {
  32. background-color: $theme-deep-purple-nav-anchor-opened;
  33. &:hover {
  34. background-color: $theme-deep-purple-nav-anchor-opened_hover;
  35. }
  36. &:focus {
  37. background-color: $theme-deep-purple-nav-anchor-opened_focus;
  38. }
  39. }
  40. }
  41. }
  42. .bars {
  43. color: $theme-deep-purple-bar;
  44. }
  45. .sidebar {
  46. .menu {
  47. .list {
  48. li.active {
  49. background-color: $theme-deep-purple-menu-list-active;
  50. > :first-child {
  51. i, span {
  52. color: $theme-deep-purple;
  53. }
  54. }
  55. }
  56. .toggled {
  57. background-color: $theme-deep-purple-menu-list-toggled;
  58. }
  59. .ml-menu {
  60. background-color: $theme-deep-purple-menu-list-submenu;
  61. }
  62. }
  63. }
  64. .legal {
  65. background-color: $theme-deep-purple-legal-bg;
  66. .copyright {
  67. a {
  68. color: $theme-deep-purple !important;
  69. }
  70. }
  71. }
  72. }
  73. }