main.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. $black: #000;
  2. $off-black: #2b2c30;
  3. $white: #fff;
  4. $grey-dark: #575961;
  5. $grey: #c1c3c6;
  6. $grey-light: #e0e2e2;
  7. $grey-extra-light: #e7e4f0;
  8. $purple: #612dd3;
  9. $purple-80: #815adc;
  10. $purple-60: #a084e6;
  11. $purple-40: #c0aeee;
  12. $purple-20: #dfd6f6;
  13. $purple-10: #f0ebfc;
  14. $purple-1: #f9f7fd;
  15. $lime: #77e04c;
  16. /* New Site Styles */
  17. /* TODO: Remove V2 once ported over */
  18. $white-v2: #fff;
  19. $grey-v2: #a2a2a2;
  20. $dark-grey-v2: #cdcdcd;
  21. $medium-grey-v2: #ede7fd;
  22. $light-grey-v2: #f5f5f5;
  23. $black-v2: #383d49;
  24. $dark-black-v2: #111111;
  25. $faded-purple-v2: #faf8fd;
  26. $light-purple-v2: #bab5ef;
  27. $purple-v2: #7f4eff;
  28. $medium-purple-v2: #472f85;
  29. $dark-purple-v2: #1b164c;
  30. $darkest-purple-v2: #140d55;
  31. $orchid-v2: #e537c0;
  32. $transparent-gradient-v2: linear-gradient(0deg, #ffffff00 0%, #ffffff00 100%);
  33. $primary-gradient-v2: linear-gradient(280.8deg,
  34. #5c29f1 15.21%,
  35. #e37ac2 56.5%,
  36. #ff9067 85.53%);
  37. $primary-gradient-dark-v2: linear-gradient(280.8deg,
  38. #5c29f1 15.21%,
  39. #e37ac2 56.5%,
  40. #ff9067 85.53%),
  41. linear-gradient(0deg, #111111, #111111);
  42. $secondary-gradient-v2: linear-gradient(277.43deg,
  43. #4512c7 -97.28%,
  44. #59c3ff 15.82%,
  45. #75ff86 120.75%),
  46. linear-gradient(281.49deg, #5c29f1 22.32%, #e37ac2 64.57%, #ff9067 94.28%);
  47. $purple-gradient-v2: linear-gradient(102.5deg, #5a34cb 17.99%, #9b34cb 59.07%);
  48. $transparent-v2: #ffffff00;
  49. $border-radius: 4px;
  50. $success: #13d461;
  51. $progress: #d1fa77;
  52. $warning: rgb(255, 145, 0);
  53. $danger: #f85151;
  54. @import "mixins";
  55. @import "base";
  56. @import "content";
  57. @import "layout";
  58. @import "nav";
  59. @import "highlight";
  60. @import "railroad_diagrams";