popup.css 840 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. font-size: 14px;
  16. }
  17. h1 {
  18. font-size: 26px;
  19. }
  20. button {
  21. color: var(--white);
  22. background: var(--secondary);
  23. cursor: pointer;
  24. padding: 5px 16px;
  25. border: none;
  26. border-radius: 4px;
  27. font-weight: 500;
  28. 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%);
  29. }
  30. #advancedToggle {
  31. margin-top: 1em;
  32. margin-bottom: 2em;
  33. }
  34. #advancedSettings {
  35. display: none;
  36. border: 2px solid var(--secondary);
  37. border-radius: 4px;
  38. padding: 0.5em;
  39. }