colors.css 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  1. :root {
  2. --bs-blue: #0d6efd;
  3. --bs-indigo: #6610f2;
  4. --bs-purple: #6f42c1;
  5. --bs-pink: #d63384;
  6. --bs-red: #dc3545;
  7. --bs-orange: #fd7e14;
  8. --bs-yellow: #ffc107;
  9. --bs-green: #198754;
  10. --bs-teal: #20c997;
  11. --bs-cyan: #0dcaf0;
  12. --bs-black: #000;
  13. --bs-white: #fff;
  14. --bs-gray: #6c757d;
  15. --bs-gray-dark: #343a40;
  16. --bs-gray-100: #f8f9fa;
  17. --bs-gray-200: #e9ecef;
  18. --bs-gray-300: #dee2e6;
  19. --bs-gray-400: #ced4da;
  20. --bs-gray-500: #adb5bd;
  21. --bs-gray-600: #6c757d;
  22. --bs-gray-700: #495057;
  23. --bs-gray-800: #343a40;
  24. --bs-gray-900: #212529;
  25. --bs-primary: #0d6efd;
  26. --bs-secondary: #6c757d;
  27. --bs-success: #198754;
  28. --bs-info: #0dcaf0;
  29. --bs-warning: #ffc107;
  30. --bs-danger: #dc3545;
  31. --bs-light: #f8f9fa;
  32. --bs-dark: #212529;
  33. --bs-primary-rgb: 13, 110, 253;
  34. --bs-secondary-rgb: 108, 117, 125;
  35. --bs-success-rgb: 25, 135, 84;
  36. --bs-info-rgb: 13, 202, 240;
  37. --bs-warning-rgb: 255, 193, 7;
  38. --bs-danger-rgb: 220, 53, 69;
  39. --bs-light-rgb: 248, 249, 250;
  40. --bs-dark-rgb: 33, 37, 41;
  41. --bs-primary-text-emphasis: #052c65;
  42. --bs-secondary-text-emphasis: #2b2f32;
  43. --bs-success-text-emphasis: #0a3622;
  44. --bs-info-text-emphasis: #055160;
  45. --bs-warning-text-emphasis: #664d03;
  46. --bs-danger-text-emphasis: #58151c;
  47. --bs-light-text-emphasis: #495057;
  48. --bs-dark-text-emphasis: #495057;
  49. --bs-primary-bg-subtle: #cfe2ff;
  50. --bs-secondary-bg-subtle: #e2e3e5;
  51. --bs-success-bg-subtle: #d1e7dd;
  52. --bs-info-bg-subtle: #cff4fc;
  53. --bs-warning-bg-subtle: #fff3cd;
  54. --bs-danger-bg-subtle: #f8d7da;
  55. --bs-light-bg-subtle: #fcfcfd;
  56. --bs-dark-bg-subtle: #ced4da;
  57. --bs-primary-border-subtle: #9ec5fe;
  58. --bs-secondary-border-subtle: #c4c8cb;
  59. --bs-success-border-subtle: #a3cfbb;
  60. --bs-info-border-subtle: #9eeaf9;
  61. --bs-warning-border-subtle: #ffe69c;
  62. --bs-danger-border-subtle: #f1aeb5;
  63. --bs-light-border-subtle: #e9ecef;
  64. --bs-dark-border-subtle: #adb5bd;
  65. --bs-white-rgb: 255, 255, 255;
  66. --bs-black-rgb: 0, 0, 0;
  67. --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
  68. "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
  69. "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
  70. "Noto Color Emoji";
  71. --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
  72. "Liberation Mono", "Courier New", monospace;
  73. --bs-gradient: linear-gradient(
  74. 180deg,
  75. rgba(255, 255, 255, 0.15),
  76. rgba(255, 255, 255, 0)
  77. );
  78. --bs-body-font-family: var(--bs-font-sans-serif);
  79. --bs-body-font-size: 1rem;
  80. --bs-body-font-weight: 400;
  81. --bs-body-line-height: 1.5;
  82. --bs-body-color: #212529;
  83. --bs-body-color-rgb: 33, 37, 41;
  84. --bs-body-bg: #F7F6FD;
  85. --bs-body-bg-rgb: 247, 246, 253;
  86. --bs-emphasis-color: #000;
  87. --bs-emphasis-color-rgb: 0, 0, 0;
  88. --bs-secondary-color: rgba(33, 37, 41, 0.75);
  89. --bs-secondary-color-rgb: 33, 37, 41;
  90. --bs-secondary-bg: #e9ecef;
  91. --bs-secondary-bg-rgb: 233, 236, 239;
  92. --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  93. --bs-tertiary-color-rgb: 33, 37, 41;
  94. --bs-tertiary-bg: #f8f9fa;
  95. --bs-tertiary-bg-rgb: 248, 249, 250;
  96. --bs-heading-color: inherit;
  97. --bs-link-color: #0d6efd;
  98. --bs-link-color-rgb: 13, 110, 253;
  99. --bs-link-decoration: underline;
  100. --bs-link-hover-color: #0a58ca;
  101. --bs-link-hover-color-rgb: 10, 88, 202;
  102. --bs-code-color: #d63384;
  103. --bs-highlight-color: #212529;
  104. --bs-highlight-bg: #fff3cd;
  105. --bs-border-width: 1px;
  106. --bs-border-style: solid;
  107. --bs-border-color: #000000;
  108. --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  109. --bs-border-radius: 10px;
  110. --bs-border-radius-sm: 0.25rem;
  111. --bs-border-radius-lg: 0.5rem;
  112. --bs-border-radius-xl: 1rem;
  113. --bs-border-radius-xxl: 2rem;
  114. --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  115. --bs-border-radius-pill: 50rem;
  116. --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  117. --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  118. --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  119. --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  120. --bs-focus-ring-width: 0.25rem;
  121. --bs-focus-ring-opacity: 0.25;
  122. --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  123. --bs-form-valid-color: #198754;
  124. --bs-form-valid-border-color: #198754;
  125. --bs-form-invalid-color: #dc3545;
  126. --bs-form-invalid-border-color: #dc3545;
  127. }
  128. :root {
  129. --white: #ffffff;
  130. --black: #000000;
  131. --body-font-color: #292929;
  132. --font-color: #aaa3a0;
  133. --shape-border: #e5e5e5;
  134. --scrollbar-color: #aeaeae;
  135. --light-border: #dceee6;
  136. --theme-default: #413e9d;
  137. --theme-secondary: #ffffff;
  138. --body-color: #f9f7f6;
  139. --primary-color: #413e9d;
  140. --secondary-color: #ffffff;
  141. --success-color: #3eb95f;
  142. --info-color: #02a2b9;
  143. --warning-color: #ea9200;
  144. --danger-color: #e74b2b;
  145. --light-color: #f5f5f5;
  146. --footer-icon: #f40000;
  147. --active-bg-color: #d9e8e5;
  148. --font-color: #aaa3a0;
  149. --border-color: #000000;
  150. --light-gray: #e5e5e5;
  151. --light-semi-gray: #efefef;
  152. --bg-light: #f4f4f4;
  153. --light-fill: #f4f4f4;
  154. --dark: #292929;
  155. --light-background: #f2f3f7;
  156. --theme-body-font-color: #2f2f3b;
  157. --light-text: #999999;
  158. --light-chartist-grid-color: #f6f9fd;
  159. --gray-60: #cccccc;
  160. --span-color: #f2f3f7;
  161. --light-gray-color: #aaa3a0;
  162. --gray-200: #e9ecef;
  163. --gray-700: #495057;
  164. --gray2: #d3d3d3;
  165. --table-border: #e4e4e4;
  166. --alert-light-light: #f1efee;
  167. --border-light-color: #f3f3f3;
  168. --form-select: #ced4da;
  169. --timline-dot-line: #52526c;
  170. --light2: #1d1e26;
  171. --pitch-color: #fe8a7d;
  172. --categorie-hover: #f4f5f8;
  173. --color-fiord: #455a64;
  174. --dropdown-menu: #2b2b2b;
  175. --dropdown-bg-color: #f9f9f9;
  176. --dropdown-content-color: #f2f2f2;
  177. --dropdown-toggle: #413e9d;
  178. --table-hover-color: #f6f6f6;
  179. --table-double-color: #dee2e6;
  180. --ping-success: #369b36;
  181. --ping-light-success: #70c770;
  182. --fb: #50598e;
  183. --twitter: #6fa2d8;
  184. --google-plus: #c64e40;
  185. --linkedin: #0077b5;
  186. --face-hue1: 60;
  187. --face-hue2: 30;
  188. --delay-left: 0s;
  189. --delay-right: 0s;
  190. --delay-mouth-lower: 0s;
  191. --delay-mouth-upper: 0s;
  192. --input-hue: 60;
  193. --percent: 50%;
  194. --hue: 223;
  195. --face: hsl(var(--hue), 10%, 100%);
  196. --lt-gray: hsl(var(--hue), 10%, 95%);
  197. --gray1: hsl(var(--hue), 10%, 90%);
  198. --gray2: hsl(var(--hue), 10%, 80%);
  199. --gray7: hsl(var(--hue), 10%, 30%);
  200. --gray9: hsl(var(--hue), 10%, 10%);
  201. --primary: hsl(var(--hue), 90%, 55%);
  202. --trans-dur: 0.3s;
  203. --normal: #eceaf3;
  204. --normal-shadow: #d9d8e3;
  205. --normal-mouth: #9795a4;
  206. --normal-eye: #595861;
  207. --active: #f8da69;
  208. --active-shadow: #f4b555;
  209. --active-mouth: #f05136;
  210. --active-eye: #313036;
  211. --active-tear: #76b5e7;
  212. --active-shadow-angry: #e94f1d;
  213. --landing-footer-bg: #11312e;
  214. }