_variables.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. // Body
  2. $body-bg: #f8fafc;
  3. // Typography
  4. $font-family-sans-serif: 'Nunito', sans-serif;
  5. $font-size-base: 0.9rem;
  6. $line-height-base: 1.6;
  7. // Colors
  8. $blue: #3490dc;
  9. $indigo: #6574cd;
  10. $purple: #9561e2;
  11. $pink: #f66d9b;
  12. $red: #e3342f;
  13. $orange: #f6993f;
  14. $yellow: #ffed4a;
  15. $green: #38c172;
  16. $teal: #4dc0b5;
  17. $cyan: #6cb2eb;
  18. //$primary: #632d11;
  19. //$primary: #c65b1c;
  20. //$primary: #ce4f04;
  21. //$primary: #e65600;
  22. //$primary: #BE5846;
  23. //$primary: #9E6B4D;
  24. //$primary: #3A1000;
  25. //$primary: #9d3b03;
  26. //$primary: #bd4602;
  27. $primary: #bd1802;
  28. //$primary: #e45300;
  29. //$primary: #fd623b;
  30. //$warning: #ffed4b;
  31. //$warning: #ffe54a;
  32. $warning: #ffe024;
  33. //$warning: #e2a750;
  34. $light-gray: #f5f3ec;
  35. $dark: #1b1e21;
  36. /*$theme-orange: #f9b000;*/
  37. $theme-colors: (
  38. light-gray : $light-gray,
  39. );
  40. //
  41. // Panel Side Application Variables
  42. // Complementry color is used to indecate the loading bar on the top
  43. // of the page with pace.js plugin
  44. $complementry-color: adjust_hue($blue, 180);
  45. // ------- Sidebar Width --------
  46. $sidebar-width: 230px;
  47. // ------- Sidebar Colors --------
  48. // Background color of sidebar
  49. //$sidebar-color: rgba(116, 117, 118, 0.87);
  50. $sidebar-color: #747576;
  51. // -- Suggested sidebar background colors
  52. // dark : #222d32
  53. // light : #f8f8f8
  54. // Sidebar accent varible is used to determine the color of the links
  55. // of the sidebar. The allowed values are 'light' or 'dark' only
  56. $sidebar-accent: light;
  57. // The following varibles indecate sidebar link color
  58. // and link hover color when using a dark sidebar color
  59. $sidebar-dark-color: #fff;
  60. $sidebar-dark-link-color: #fff;
  61. // The following varibles indecate sidebar link color
  62. // and link hover color when using a light sidebar color
  63. //$sidebar-light-color: #000;
  64. //$sidebar-light-link-color: #333;
  65. //
  66. $sidebar-light-color: #fff;
  67. $sidebar-light-link-color: #fff;
  68. $sidebar-bg: #3c3f42;
  69. $sidebar-hover-bg: #e1e2e3;
  70. $edit-color : #595e63;