popup.css 743 B

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