about summary refs log tree commit diff stats
path: root/src/assets
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets')
-rw-r--r--src/assets/images/chevron-down.svg2
-rw-r--r--src/assets/images/icon128.pngbin1773 -> 0 bytes
-rw-r--r--src/assets/images/icon16.pngbin709 -> 0 bytes
-rw-r--r--src/assets/images/icon32.pngbin1162 -> 0 bytes
-rw-r--r--src/assets/images/icon48.pngbin690 -> 0 bytes
-rw-r--r--src/assets/images/logo-small.pngbin14128 -> 0 bytes
-rw-r--r--src/assets/images/logo-store.pngbin89803 -> 0 bytes
-rw-r--r--src/assets/images/logo-tile.pngbin14751 -> 0 bytes
-rw-r--r--src/assets/images/logo.pngbin16364 -> 0 bytes
-rw-r--r--src/assets/stylesheets/styles.css538
10 files changed, 1 insertions, 539 deletions
diff --git a/src/assets/images/chevron-down.svg b/src/assets/images/chevron-down.svg
index 7679f267..4b093598 100644
--- a/src/assets/images/chevron-down.svg
+++ b/src/assets/images/chevron-down.svg
@@ -1,3 +1,3 @@
 <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 512 512'>
-  <polyline points='112 184 256 328 400 184' style='fill:none;stroke:#FF5B56;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px'/>
+  <polyline points='112 184 256 328 400 184' style='fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:48px'/>
 </svg>
\ No newline at end of file
diff --git a/src/assets/images/icon128.png b/src/assets/images/icon128.png
deleted file mode 100644
index cd16befd..00000000
--- a/src/assets/images/icon128.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/icon16.png b/src/assets/images/icon16.png
deleted file mode 100644
index f896608b..00000000
--- a/src/assets/images/icon16.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/icon32.png b/src/assets/images/icon32.png
deleted file mode 100644
index c5b417cf..00000000
--- a/src/assets/images/icon32.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/icon48.png b/src/assets/images/icon48.png
deleted file mode 100644
index 24dd5af7..00000000
--- a/src/assets/images/icon48.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/logo-small.png b/src/assets/images/logo-small.png
deleted file mode 100644
index 27ca660a..00000000
--- a/src/assets/images/logo-small.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/logo-store.png b/src/assets/images/logo-store.png
deleted file mode 100644
index f321de43..00000000
--- a/src/assets/images/logo-store.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/logo-tile.png b/src/assets/images/logo-tile.png
deleted file mode 100644
index 101c6b3a..00000000
--- a/src/assets/images/logo-tile.png
+++ /dev/null
Binary files differdiff --git a/src/assets/images/logo.png b/src/assets/images/logo.png
deleted file mode 100644
index ad854aaa..00000000
--- a/src/assets/images/logo.png
+++ /dev/null
Binary files differdiff --git a/src/assets/stylesheets/styles.css b/src/assets/stylesheets/styles.css
deleted file mode 100644
index a86cfa2b..00000000
--- a/src/assets/stylesheets/styles.css
+++ /dev/null
@@ -1,538 +0,0 @@
-body {
-  --text: #fff;
-  --bg-main: #3c4043;
-  --bg-secondary: #292a2d;
-  --active: #ff5b56;
-  --space: 5px;
-  --danger: #f04141;
-  --danger-light: #f9d0d5;
-  --dark-grey: #767676;
-  --light-grey: #c3c3c3;
-}
-
-body.light-theme {
-  --text: #000;
-  --bg-main: #e3e7ea;
-  --bg-secondary: #fff;
-}
-
-.light-theme.popup,
-.light-theme .popup {
-  background-color: var(--bg-secondary);
-}
-
-body {
-  margin: 0;
-  width: 400px;
-  margin: auto;
-  min-height: 572px;
-  font-family: Sans-Serif;
-  background-color: var(--bg-secondary);
-  color: var(--text);
-}
-
-.popup {
-  width: 300px;
-  min-height: auto;
-  overflow: hidden;
-  background-color: var(--bg-main);
-}
-
-input {
-  appearance: none;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-}
-
-header {
-  background-color: var(--bg-main);
-  color: var(--text);
-  display: flex;
-  padding: var(--space);
-}
-
-header .logo-container {
-  width: 100%;
-  margin: var(--space) 0 var(--space) 0;
-  display: flex;
-  align-items: center;
-}
-
-header .logo-container img {
-  height: 30px;
-  float: left;
-}
-
-header .logo-container h1 {
-  font-size: 14px;
-  float: left;
-  margin-left: 15px;
-  text-transform: uppercase;
-  font-weight: normal;
-}
-
-header .privacy {
-  letter-spacing: 0.13em;
-}
-
-header .version {
-  font-size: 8.5px;
-  font-weight: bold;
-  position: absolute;
-  top: var(--space);
-  right: var(--space);
-}
-
-h1 {
-  font-size: 14px;
-  margin: 7px auto;
-}
-
-i {
-  font-size: 12px;
-}
-
-h2 {
-  clear: both;
-  font-size: 12px;
-  font-weight: normal;
-  margin: 0;
-}
-
-h3 {
-  font-size: 16px;
-}
-
-h1,
-h2 {
-  color: var(--text);
-}
-
-footer {
-  width: 100%;
-}
-
-footer a.button {
-  margin: var(--space);
-}
-
-input[type="url"],
-input[type="text"],
-select {
-  width: 100%;
-  box-sizing: border-box;
-  margin-bottom: var(--space);
-  background-color: var(--bg-main);
-  border-style: inset;
-  color: var(--text);
-}
-
-input[type="url"] {
-  padding: 1px 2px;
-}
-
-input[type="checkbox"] {
-  opacity: 0;
-}
-
-input[type="radio"] {
-  appearance: radio;
-  -moz-appearance: radio;
-  -webkit-appearance: radio;
-}
-
-input[type="radio"]:checked + label {
-  background: transparent;
-}
-
-.checkbox-label {
-  margin-left: 5px;
-  background: grey;
-  border-radius: 25px;
-  color: var(--text);
-  cursor: pointer;
-  display: block;
-  float: right;
-  font-weight: bold;
-  height: 30px;
-  position: relative;
-  text-indent: -400px;
-  width: 50px;
-}
-
-.checkbox-label:after {
-  background: white;
-  border-radius: 90px;
-  content: "";
-  height: 20px;
-  left: var(--space);
-  position: absolute;
-  top: var(--space);
-  transition: 0.3s;
-  width: 20px;
-}
-
-input:checked + label {
-  background: var(--active);
-}
-
-input:checked + label:after {
-  left: calc(100% - var(--space));
-  transform: translateX(-100%);
-}
-
-.settings-block {
-  display: block;
-  padding: 5px 10px 5px 10px;
-}
-
-.settings-block h1 {
-  float: left;
-}
-
-.button {
-  border: var(--active) solid 1px;
-  color: var(--text);
-  stroke: var(--text);
-  display: block;
-  font-size: 12px;
-  font-weight: bold;
-  margin: var(--space) auto;
-  padding: 10px;
-  text-align: center;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-transition-duration: 0.4s;
-  transition-duration: 0.4s;
-}
-
-.button * {
-  vertical-align: middle;
-}
-
-.button:hover {
-  background-color: var(--active);
-  color: var(--text);
-  stroke: var(--text);
-}
-
-.button:active {
-  background-color: var(--active);
-  box-shadow: 0 var(--space) var(--bg-main);
-  transform: translateY(4px);
-}
-
-input:invalid {
-  color: var(--danger);
-  border-color: var(--danger);
-  background-color: var(--danger-light);
-}
-
-.margin-bottom {
-  margin-bottom: 20px;
-}
-
-.tab {
-  overflow: hidden;
-  background-color: var(--bg-secondary);
-  position: fixed;
-  top: 0;
-  width: 400px;
-  z-index: 2;
-}
-
-.tab button {
-  border-top-left-radius: 10px;
-  border-top-right-radius: 10px;
-  color: var(--text);
-  background-color: inherit;
-  float: left;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  padding: 14px 16px;
-  transition: 0.3s;
-  border: solid 1px var(--bg-main);
-  width: 33.333%;
-  font-size: 14px;
-}
-
-.tab button:hover {
-  background-color: var(--active);
-}
-
-.tab button.active {
-  background-color: var(--bg-main);
-}
-
-.tabcontent {
-  padding-top: 50px;
-  display: none;
-  background-color: var(--bg-main);
-  min-height: 510px;
-}
-
-div.exceptions {
-  clear: left;
-}
-
-div.exceptions > input {
-  width: 240px;
-  float: left;
-}
-
-#add-to-exceptions {
-  float: right;
-  border: var(--active) solid 1px;
-  background-color: var(--active);
-  color: var(--text);
-  font-weight: bold;
-  cursor: pointer;
-  border-radius: 50%;
-  padding: 1px 1px 0px 1px;
-  margin-right: 5px;
-}
-
-#add-to-exceptions svg {
-  height: 20px;
-  width: 20px;
-}
-
-ul {
-  padding: 0;
-  list-style-type: none;
-  color: var(--text);
-  margin: 20px 20px 0 20px;
-}
-
-li {
-  border-bottom: solid 0.5px var(--bg-secondary);
-  padding: 20px 0px 20px 20px;
-}
-
-#exceptions-items button {
-  float: right;
-  margin-right: -5px;
-  border: var(--active) solid 1px;
-  background-color: var(--active);
-  color: var(--text);
-  font-weight: bold;
-  cursor: pointer;
-  border-radius: 50%;
-  padding: 2px 2px 0px 2px;
-}
-
-.button svg {
-  height: 18px;
-  width: 18px;
-}
-
-.autocomplete {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-}
-
-.autocomplete input {
-  background: url(../images/chevron-down.svg) right no-repeat;
-}
-
-.autocomplete-items {
-  position: absolute;
-  border: 1px solid var(--bg-main);
-  border-bottom: none;
-  border-top: none;
-  z-index: 99;
-  top: 85%;
-  left: 0;
-  right: 0;
-  overflow-y: auto;
-  max-height: 175px;
-  color: var(--text);
-  overflow-x: hidden;
-  max-width: 380px;
-}
-
-.autocomplete-items div {
-  padding: 10px;
-  cursor: pointer;
-  background-color: var(--bg-secondary);
-  border-bottom: 1px solid var(--bg-main);
-}
-
-.autocomplete-items div:hover {
-  background-color: var(--active);
-}
-
-.autocomplete-active {
-  background-color: var(--active);
-  color: var(--text);
-}
-
-.option {
-  width: 100%;
-}
-
-.option td {
-  vertical-align: middle;
-}
-
-input[type="range"] {
-  -webkit-appearance: none;
-  margin: 18px 0;
-  width: 100%;
-}
-
-input[type="range"]:focus {
-  outline: none;
-}
-
-input[type="range"]::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 8.4px;
-  cursor: pointer;
-  border-color: var(--dark-grey), var(--light-grey);
-  background: var(--bg-main);
-  border-radius: 1.3px;
-  border: 0.2px inset var(--dark-grey);
-}
-
-input[type="range"]::-webkit-slider-thumb {
-  border-color: var(--active);
-  border: 1px solid var(--dark-grey);
-  height: 36px;
-  width: 16px;
-  border-radius: 3px;
-  background: var(--active);
-  cursor: pointer;
-  -webkit-appearance: none;
-  margin-top: -14px;
-}
-
-input[type="range"]:focus::-webkit-slider-runnable-track {
-  background: var(--bg-main);
-}
-
-input[type="range"]::-moz-range-track {
-  width: 100%;
-  height: 8.4px;
-  cursor: pointer;
-  border-color: var(--dark-grey), var(--light-grey);
-  background: var(--bg-main);
-  border-radius: 1.3px;
-  border: 0.2px inset var(--dark-grey);
-}
-
-input[type="range"]::-moz-range-thumb {
-  border-color: var(--active);
-  border: 1px solid var(--dark-grey);
-  height: 36px;
-  width: 16px;
-  border-radius: 3px;
-  background: var(--active);
-  cursor: pointer;
-}
-
-::placeholder {
-  color: var(--text);
-  opacity: 0.7;
-}
-
-*:focus {
-  outline: var(--active) solid 2px;
-}
-
-@media (prefers-color-scheme: light) {
-  body {
-    --text: #000;
-    --text-secondary: #fff;
-    --bg-main: #e3e7ea;
-    --bg-secondary: #fff;
-  }
-
-  body.dark-theme {
-    --text: #fff;
-    --text-secondary: #000;
-    --bg-main: #3c4043;
-    --bg-secondary: #292a2d;
-  }
-
-  .popup {
-    background-color: var(--bg-secondary);
-  }
-}
-
-#volume-value {
-  float: right;
-}
-
-.collapsible {
-  background-color: var(--bg-main);
-  cursor: pointer;
-  color: var(--active);
-  padding: 18px;
-  width: 100%;
-  border: none;
-  text-align: left;
-  outline: none;
-  font-size: 15px;
-  border-bottom: solid var(--active);
-  font-weight: bold;
-}
-
-.collapsible:after {
-  content: "\25BE";
-  color: var(--active);
-  font-weight: bold;
-  float: right;
-  margin-left: 5px;
-}
-
-.collapsible-active,
-.collapsible:hover,
-.collapsible:hover::after {
-  background-color: var(--active);
-  color: var(--text-secondary);
-}
-
-.collapsible-active:after {
-  content: "\25B4";
-  color: var(--text-secondary);
-  font-weight: bold;
-  float: right;
-  margin-left: 5px;
-}
-
-.collapsible-content {
-  padding: 0 18px;
-  display: none;
-  overflow: hidden;
-}
-
-hr {
-  height: 2px;
-  background-color: var(--active);
-  border: none;
-}
-
-.new-badge {
-  position: relative;
-}
-
-.new-badge[data-new-badge]:after {
-  content: "New!";
-  position: absolute;
-  top: -10px;
-  right: -42px;
-  font-size: 0.9em;
-  background: var(--active);
-  color: white;
-  width: 35px;
-  height: 18px;
-  text-align: center;
-  line-height: 18px;
-  border-radius: 25px;
-  padding: 2px;
-  box-shadow: 0 0 1px var(--bg-secondary);
-  font-weight: bold;
-}
generated by cgit-pink 1.4.1 (git 2.36.1) at 2025-04-25 05:41:07 +0000