app.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @tailwind base;
  2. @tailwind components;
  3. @tailwind utilities;
  4. @layer base {
  5. :root {
  6. --theme-color-primary-50: 245, 248, 255;
  7. --theme-color-primary-100: 232, 238, 255;
  8. --theme-color-primary-200: 187, 203, 254;
  9. --theme-color-primary-300: 143, 165, 253;
  10. --theme-color-primary-400: 99, 124, 253;
  11. --theme-color-primary-500: 55, 81, 252;
  12. --theme-color-primary: 11, 36, 251;
  13. --theme-color-primary-700: 7, 20, 207;
  14. --theme-color-primary-800: 4, 9, 164;
  15. --theme-color-primary-900: 1, 1, 120;
  16. --theme-color-primary-950: 3, 0, 77;
  17. --theme-color-dark-50: 255, 254, 245;
  18. --theme-color-dark-100: 255, 251, 232;
  19. --theme-color-dark-200: 255, 244, 199;
  20. --theme-color-dark-300: 255, 234, 166;
  21. --theme-color-dark-400: 255, 222, 133;
  22. --theme-color-dark-500: 255, 209, 100;
  23. --theme-color-dark: 255, 192, 67;
  24. --theme-color-dark-700: 210, 148, 41;
  25. --theme-color-dark-800: 166, 108, 22;
  26. --theme-color-dark-900: 121, 72, 8;
  27. --theme-color-dark-950: 77, 41, 0;
  28. --theme-color-primaryBlack: 1, 3, 25;
  29. --theme-color-primaryWhite: 242, 242, 243;
  30. --theme-color-darkBlack: 25, 17, 1;
  31. --theme-color-darkWhite: 243, 242, 242;
  32. --theme-color-functional-success: 17, 187, 141;
  33. --theme-color-functional-warning: 185, 80, 0;
  34. --theme-color-functional-error: 218, 20, 20;
  35. --theme-color-functional-info: 46, 90, 172;
  36. --theme-color-extend0: 0, 172, 238;
  37. --theme-color-extend1: 255, 105, 55;
  38. --theme-color-extend2: 0, 112, 74;
  39. }
  40. }
  41. @font-face {
  42. font-family: 'Trueno';
  43. src: url('/fonts/Trueno.otf') format('opentype');
  44. }
  45. *::-webkit-scrollbar {
  46. width: 6px;
  47. }
  48. *::-webkit-scrollbar-thumb {
  49. border-radius: 3px;
  50. background-color: rgba(133, 133, 133, 0.3);
  51. }
  52. *::-webkit-scrollbar-track {
  53. background-color: rgba(133, 133, 133, 0.1);
  54. }
  55. html {
  56. overflow-y: overlay;
  57. -webkit-tap-highlight-color: transparent;
  58. scrollbar-width: none; /* Firefox */
  59. }
  60. body::-webkit-scrollbar {
  61. display: none;
  62. }
  63. body {
  64. -ms-overflow-style: none;
  65. }
  66. * {
  67. -webkit-overflow-scrolling: touch;
  68. }
  69. button:focus {
  70. outline: none;
  71. }