popup.css 790 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. /* Variables */
  2. :root {
  3. --background: #111;
  4. --primary: #ff4444;
  5. --secondary: #272727;
  6. --white: #fff;
  7. }
  8. /* Window Styling */
  9. html,body {
  10. background-color: var(--background);
  11. color: var(--white);
  12. min-width: 300px;
  13. padding: 0.5em;
  14. font-family: Arial, Helvetica, sans-serif;
  15. }
  16. button {
  17. color: var(--white);
  18. background: var(--secondary);
  19. cursor: pointer;
  20. padding: 5px 16px;
  21. border: none;
  22. border-radius: 4px;
  23. font-weight: 500;
  24. box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
  25. }
  26. #advancedToggle {
  27. margin-top: 1em;
  28. margin-bottom: 2em;
  29. }
  30. #advancedSettings {
  31. display: none;
  32. border: 2px solid var(--secondary);
  33. border-radius: 4px;
  34. padding: 0.5em;
  35. }