config.css 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. :root {
  2. --vp-home-hero-name-color: #82dbc5;
  3. --vp-c-brand: #82dbc5;
  4. --vp-c-dark: #1f1f1e;
  5. }
  6. /**
  7. * Component: Button
  8. * -------------------------------------------------------------------------- */
  9. :root {
  10. --vp-button-brand-border: var(--vp-c-brand-light);
  11. --vp-button-brand-text: var(--vp-c-dark);
  12. --vp-button-brand-bg: var(--vp-c-brand);
  13. --vp-button-brand-hover-border: var(--vp-c-brand-light);
  14. --vp-button-brand-hover-text: var(--vp-c-dark);
  15. --vp-button-brand-hover-bg: var(--vp-c-brand-light);
  16. --vp-button-brand-active-border: var(--vp-c-brand-light);
  17. --vp-button-brand-active-text: var(--vp-c-dark);
  18. --vp-button-brand-active-bg: var(--vp-button-brand-bg);
  19. --vp-button-alt-border: var(--vp-c-border);
  20. --vp-button-alt-text: var(--vp-c-neutral);
  21. --vp-button-alt-bg: var(--vp-c-mute);
  22. --vp-button-alt-hover-border: var(--vp-c-border);
  23. --vp-button-alt-hover-text: var(--vp-c-neutral);
  24. --vp-button-alt-hover-bg: var(--vp-c-mute-dark);
  25. --vp-button-alt-active-border: var(--vp-c-border);
  26. --vp-button-alt-active-text: var(--vp-c-neutral);
  27. --vp-button-alt-active-bg: var(--vp-c-mute-darker);
  28. --vp-button-sponsor-border: var(--vp-c-gray-light-3);
  29. --vp-button-sponsor-text: var(--vp-c-text-light-2);
  30. --vp-button-sponsor-bg: transparent;
  31. --vp-button-sponsor-hover-border: var(--vp-c-sponsor);
  32. --vp-button-sponsor-hover-text: var(--vp-c-sponsor);
  33. --vp-button-sponsor-hover-bg: transparent;
  34. --vp-button-sponsor-active-border: var(--vp-c-sponsor);
  35. --vp-button-sponsor-active-text: var(--vp-c-sponsor);
  36. --vp-button-sponsor-active-bg: transparent;
  37. }
  38. .VPSidebar .link.active span {
  39. font-weight: bold;
  40. }
  41. .vp-doc a {
  42. text-decoration: dashed;
  43. font-weight: bold;
  44. }
  45. .VPButton.medium.brand {
  46. color: var(--vp-button-brand-text);
  47. }
  48. .VPButton.medium.alt {
  49. border-color: var(--vp-button-alt-border);
  50. color: var(--vp-button-alt-text);
  51. background-color: var(--vp-button-alt-bg);
  52. }