diff options
33 files changed, 90 insertions, 3516 deletions
diff --git a/background.js b/background.js new file mode 100644 index 0000000..3c25ff3 --- /dev/null +++ b/background.js @@ -0,0 +1,29 @@ +const CSS_URL = + "https://sameerasw.github.io/my-internet/github.com.css"; + +async function updateCSS() { + try { + let response = await fetch(CSS_URL, { + headers: { + 'Cache-Control': 'no-cache' + } + }); + if (!response.ok) throw new Error("Failed to fetch CSS"); + let cssText = await response.text(); + await browser.storage.local.set({ githubCSS: cssText }); + await browser.storage.sync.set({ githubCSS: cssText }); + console.log("Updated GitHub CSS from remote source." + cssText); + } catch (error) { + console.error("Error fetching CSS:", error); + } +} + +// Fetch CSS on startup and then every hour +updateCSS(); + +// Listen for messages to restart the background script +browser.runtime.onMessage.addListener((message) => { + if (message.action === "restartBackground") { + browser.runtime.reload(); + } +});
\ No newline at end of file diff --git a/inject-css.js b/inject-css.js new file mode 100644 index 0000000..c54c80e --- /dev/null +++ b/inject-css.js @@ -0,0 +1,8 @@ +browser.storage.sync.get("githubCSS").then((data) => { + if (data.githubCSS) { + let style = document.createElement("style"); + style.textContent = data.githubCSS; + document.head.appendChild(style); + console.log("Injected custom GitHub CSS."); + } +}); diff --git a/manifest.json b/manifest.json index 6e23666..41693a4 100644 --- a/manifest.json +++ b/manifest.json @@ -2,7 +2,7 @@ "manifest_version": 2, "name": "Transparent Zen", "version": "0.1.10", - "description": "Inject custom styles to make your favorite websites transparent. PLEASE KEEP IN MIND THAT THIS IS STILL WORK IN PROGRESS, SO THINGS MIGHT BREAK!", + "description": "Inject custom styles to make your favorite websites transparent.", "browser_specific_settings": { "gecko": { "id": "{74186d10-f6f2-4f73-b33a-83bb72e50654}" @@ -22,131 +22,15 @@ "default_popup": "popup/popup.html", "default_title": "Transparent Zen" }, + "background": { + "scripts": ["background.js"], + "persistent": false + }, "content_scripts": [ { - "matches": ["<all_urls>"], - "css": ["transparent-zen.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.steampowered.com/*", "*://*.steamcommunity.com/*"], - "css": ["./styles/websites/steam.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.bing.com/*"], - "css": ["./styles/websites/bing.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.amazon.com/*", "*://*.amazon.de/*"], - "css": ["./styles/websites/amazon.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.ddl-warez.cc/*"], - "css": ["./styles/websites/ddl-warez.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.epicgames.com/*"], - "css": ["./styles/websites/epicgames.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.gog.com/*"], - "css": ["./styles/websites/gog.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.kinguin.net/*"], - "css": ["./styles/websites/kinguin.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.kryptex.com/*"], - "css": ["./styles/websites/kryptex.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.lieferando.at/*"], - "css": ["./styles/websites/lieferando.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.proton.me/*"], - "css": ["./styles/websites/proton.css"], - "run_at": "document_start" - }, - { - "matches": ["*://mail.proton.me/*"], - "css": ["./styles/websites/mail.proton.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.wuwatracker.com/*"], - "css": ["./styles/websites/wuwatracker.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.youtube.com/*"], - "css": ["./styles/websites/youtube.css"], - "run_at": "document_start" - }, - { "matches": ["*://*.github.com/*"], - "css": ["./styles/websites/github.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.reddit.com/*"], - "css": ["./styles/websites/reddit.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.nexusmods.com/*"], - "css": ["./styles/websites/nexusmods.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.wikipedia.org/*"], - "css": ["./styles/websites/wikipedia.css"], - "run_at": "document_start" - }, - { - "matches": ["*://copilot.microsoft.com/*"], - "css": ["./styles/websites/copilot.microsoft.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.chatgpt.com/*"], - "css": ["./styles/websites/chatgpt.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.chess.com/*"], - "css": ["./styles/websites/chess.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.leetcode.com/*"], - "css": ["./styles/websites/leetcode.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.programiz.com/*"], - "css": ["./styles/websites/programiz.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.duckduckgo.com/*"], - "css": ["./styles/websites/duckduckgo.css"], - "run_at": "document_start" - }, - { - "matches": ["*://*.google.com/*"], - "css": ["./styles/websites/google.css"], + "js": ["inject-css.js"], "run_at": "document_start" } ] -}
\ No newline at end of file +} diff --git a/popup/popup.html b/popup/popup.html index 7fdf257..f27e98d 100644 --- a/popup/popup.html +++ b/popup/popup.html @@ -1,9 +1,11 @@ <!DOCTYPE html> <html> + <head> <meta charset="UTF-8"> <link rel="stylesheet" href="popup.css"> </head> + <body> <div class="container"> <div id="extension-header"> @@ -16,6 +18,8 @@ Enable Transparency (no effect yet) </label> </form> + <button id="refetch-css">Refetch CSS</button> + <button id="restart-background">Restart Background Script (optional)</button> <div id="extension-description"> <p>Transparent Zen is a Zen Browser extension that makes supported websites transparent.</p> <p>Transparent Zen is open source and everyone can contribute their custom styles to support more websites.</p> @@ -25,4 +29,5 @@ </div> <script src="popup.js"></script> </body> + </html>
\ No newline at end of file diff --git a/popup/popup.js b/popup/popup.js index 7824efb..77c5391 100644 --- a/popup/popup.js +++ b/popup/popup.js @@ -1,4 +1,4 @@ -new class ExtensionPopup { +new (class ExtensionPopup { BROWSER_STORAGE_KEY = "transparentZenSettings"; browserStorageSettings = {}; extensionSettingsForm = document.getElementById("extension-settings"); @@ -11,13 +11,19 @@ new class ExtensionPopup { this.bindEvents(); } }); + document + .getElementById("refetch-css") + .addEventListener("click", this.refetchCSS); + document + .getElementById("restart-background") + .addEventListener("click", this.restartBackground); } bindEvents() { this.extensionSettingsForm.querySelectorAll("input").forEach((input) => { input.addEventListener("change", () => { this.saveSettings(); - }) + }); }); } @@ -25,7 +31,9 @@ new class ExtensionPopup { if (this.extensionSettingsForm?.elements) { for (const element of this.extensionSettingsForm.elements) { if (this.browserStorageSettings[element.name]) { - element.checked = JSON.parse(this.browserStorageSettings[element.name]); + element.checked = JSON.parse( + this.browserStorageSettings[element.name] + ); } } } @@ -43,9 +51,37 @@ new class ExtensionPopup { this.browserStorageSettings[element.name] = element.checked; } - browser.storage.local.set({[this.BROWSER_STORAGE_KEY]: this.browserStorageSettings}); + browser.storage.local.set({ + [this.BROWSER_STORAGE_KEY]: this.browserStorageSettings, + }); browser.runtime.sendMessage({ action: "updateSettings" }); console.info("Settings saved", this.browserStorageSettings); } } -}
\ No newline at end of file + + async refetchCSS() { + try { + const response = await fetch( + "https://sameerasw.github.io/my-internet/github.com.css", + { + headers: { + 'Cache-Control': 'no-cache' + } + } + ); + if (!response.ok) throw new Error("Failed to fetch CSS"); + const cssText = await response.text(); + await browser.storage.local.set({ githubCSS: cssText }); + await browser.storage.sync.set({ githubCSS: cssText }); + browser.runtime.sendMessage({ action: "updateCSS" }); + console.info("CSS refetched and updated from GitHub." + cssText); + } catch (error) { + console.error("Error refetching CSS:", error); + } + } + + async restartBackground() { + browser.runtime.sendMessage({ action: "restartBackground" }); + console.info("Background script restart requested."); + } +})();
\ No newline at end of file diff --git a/styles/global/base.css b/styles/global/base.css index b88b928..e69de29 100644 --- a/styles/global/base.css +++ b/styles/global/base.css @@ -1,14 +0,0 @@ -:root {
- --darkreader-background-ffffff: transparent;
-}
-
-body,
-html,
-main {
- background: none !important;
-
- &::before,
- &::after {
- background: none !important;
- }
-}
diff --git a/styles/global/bootstrap.css b/styles/global/bootstrap.css index 0d32957..e69de29 100644 --- a/styles/global/bootstrap.css +++ b/styles/global/bootstrap.css @@ -1,57 +0,0 @@ -.navbar {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
-
- &:focus-within,
- &:hover {
- background: var(--color-bg) !important;
- }
-}
-
-.card,
-.jumbotron,
-.modal-content {
- background: var(--transparent-background) !important;
- color: var(--color-text) !important;
- border-radius: var(--border-radius);
-}
-
-.modal {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-.alert {
- border: 2px solid rgb(from var(--alert-color) r g b / 0.5) !important;
- color: var(--alert-color) !important;
-}
-.alert-success {
- --alert-color: var(--color-green);
-}
-.alert-danger {
- --alert-color: var(--color-red);
-}
-.alert-warning {
- --alert-color: var(--color-orange);
-}
-.alert-primary {
- --alert-color: var(--color-primary);
-}
-.alert-secondary {
- --alert-color: var(--color-secondary);
-}
-.alert-info {
- --alert-color: var(--color-blue);
-}
-
-.dropdown-menu {
- background: var(--transparent-background-dark) !important;
-
- .dropdown-item {
- color: var(--color-text) !important;
-
- &:hover {
- background: var(--color-primary) !important;
- }
- }
-}
diff --git a/styles/global/buttons.css b/styles/global/buttons.css index 60f7ec0..e69de29 100644 --- a/styles/global/buttons.css +++ b/styles/global/buttons.css @@ -1,206 +0,0 @@ -.button,
-.btn,
-button[type="submit"] {
- --button-color: var(--color-text);
- --button-border: 2px solid var(--color-text);
- --button-background: transparent;
- --button-image: none;
-
- display: inline-flex;
- justify-content: center;
- align-items: center;
- gap: 5px;
- background: var(--button-background) !important;
- border: var(--button-border) !important;
- border-image: var(--button-image) 1 !important;
- border-radius: var(--border-radius) !important;
- color: var(--button-color) !important;
- font-weight: 500;
- position: relative;
-
- &:hover {
- --button-background: var(--color-text);
- --button-color: var(--color-black);
-
- /* override existing hover states */
- background: var(--button-background) !important;
- }
-
- &::before {
- background: none !important;
- }
-
- /* Fix for rendering issue
- &::after {
- content: "";
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- border: var(--button-border) !important;
- border-image: var(--button-image) 1 !important;
- transform: none !important;
- }*/
-
- * {
- color: var(--button-color) !important;
- }
-
- img,
- svg {
- position: static;
- }
-
- &.btn-primary,
- &.button-primary,
- &[type="submit"] {
- --button-color: var(--color-white);
- --button-border: 2px solid var(--color-primary);
- --button-background: var(--gradient);
- --button-image: var(--gradient);
-
- &:hover {
- --button-background: var(--gradient-reverse);
- --button-image: var(--gradient-reverse);
- --button-color: var(--color-white);
- }
- }
-
- &.btn-secondary,
- &.btn-clear,
- &.btn-transparent,
- &.btn-outline,
- &.button-secondary,
- &.button-clear,
- &.button-transparent,
- &.button-outline {
- --button-color: var(--color-primary);
- --button-border: 2px solid var(--color-primary);
- --button-background: transparent;
- --button-image: var(--gradient);
-
- > a,
- > span {
- background: var(--button-image);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
-
- &:hover {
- --button-background: var(--gradient);
- --button-color: var(--color-white);
-
- > a,
- > span {
- -webkit-text-fill-color: var(--button-color);
- }
- }
- }
-
- &.btn-tertiary,
- &.button-tertiary {
- --button-color: var(--color-tertiary);
- --button-border: 2px solid var(--color-tertiary);
-
- &:hover {
- --button-background: var(--color-tertiary);
- --button-color: var(--color-white);
- }
- }
-
- &.btn-success,
- &.btn-green,
- &.button-success,
- &.button-green {
- --button-color: var(--color-green);
- --button-border: 2px solid var(--color-green);
-
- &:hover {
- --button-background: var(--color-green);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-danger,
- &.btn-error,
- &.btn-red,
- &.button-danger,
- &.button-error,
- &.button-red {
- --button-color: var(--color-red);
- --button-border: 2px solid var(--color-red);
-
- &:hover {
- --button-background: var(--color-red);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-warning,
- &.btn-orange,
- &.btn-yellow,
- &.button-warning,
- &.button-orange,
- &.button-yellow {
- --button-color: var(--color-orange);
- --button-border: 2px solid var(--color-orange);
-
- &:hover {
- --button-background: var(--color-orange);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-info,
- &.btn-blue,
- &.button-info,
- &.button-blue {
- --button-color: var(--color-blue);
- --button-border: 2px solid var(--color-blue);
-
- &:hover {
- --button-background: var(--color-blue);
- --button-color: var(--color-black);
- }
- }
-
- &.btn-dark,
- &.btn-invert,
- &.btn-black,
- &.button-dark,
- &.button-invert,
- &.button-black {
- --button-border: 2px solid var(--color-bg);
- --button-background: var(--color-bg);
-
- &:hover {
- --button-border: 2px solid var(--color-white);
- --button-color: var(--color-white);
- }
- }
-
- &.btn-invisible,
- &.btn-text,
- &.btn-link,
- &.button-invisible,
- &.button-text,
- &.button-link,
- &.text {
- --button-border: none;
- --button-color: var(--color-primary);
-
- &:hover {
- --button-background: transparent;
- text-decoration: underline;
- }
- }
-
- &.btn-circle-icon {
- --button-border: none;
- border-radius: 50% !important;
- }
-}
diff --git a/styles/global/form.css b/styles/global/form.css index 71f5bf0..e69de29 100644 --- a/styles/global/form.css +++ b/styles/global/form.css @@ -1,19 +0,0 @@ -input[type="text"],
-input[type="number"],
-input[type="tel"],
-input[type="email"],
-input[type="password"],
-input[type="search"],
-textarea,
-select {
- color: var(--color-text);
- border-radius: var(--border-radius);
-
- &[type="file"] {
- background: transparent;
- }
-
- &::placeholder {
- color: var(--transparent-text);
- }
-}
diff --git a/styles/websites/ChatGPT.css b/styles/websites/ChatGPT.css deleted file mode 100644 index 5558dc6..0000000 --- a/styles/websites/ChatGPT.css +++ /dev/null @@ -1,14 +0,0 @@ -:root{ - --main-surface-primary: rgba(0,0,0,0.1); - --sidebar-surface-primary: rgba(0,0,0,0.2) -} - -.dark{ - --sidebar-surface-tertiary: background: rgba(0,0,0,0.1) !important; -} -nav{ - background: rgba(0,0,0,0.1); -} -.bg-token-message-surface{ - background-color: rgba(0,0,0,0.2) !important; -} diff --git a/styles/websites/amazon.css b/styles/websites/amazon.css deleted file mode 100644 index 861deb9..0000000 --- a/styles/websites/amazon.css +++ /dev/null @@ -1,256 +0,0 @@ -@import url("../global/base.css");
-
-#navbar-main {
- position: sticky;
- top: 0;
- z-index: 50;
-
- #nav-search-bar-form {
- #nav-search-label-id {
- color: var(--color-text) !important;
-
- + .nav-icon {
- display: inline-block !important;
- width: 8px !important;
- height: 8px !important;
- border: 1px solid transparent !important;
- border-right-color: var(--color-text) !important;
- border-bottom-color: var(--color-text) !important;
- transform: rotate(45deg);
- margin-top: -4px;
- }
- }
-
- #nav-search-submit-button {
- background: transparent !important;
- }
-
- #nav-search-submit-text {
- filter: invert(1);
- }
- }
-}
-
-#pageContent {
- background: none !important;
-}
-
-#desktop-banner,
-#cbcc_banner {
- display: none;
-}
-
-img {
- mix-blend-mode: normal !important;
-}
-
-.a-color-alternate-background {
- background: transparent !important;
-}
-
-.a-color-base,
-.ya-card__heading--rich,
-[class*="badgeDskText"] {
- color: var(--color-text) !important;
-}
-
-.a-color-secondary,
-.a-color-tertiary {
- color: var(--color-text-alt) !important;
-}
-
-.a-color-link {
- background: none !important;
- color: var(--color-primary) !important;
-}
-
-.a-cardui,
-.checkout-card-color {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
-}
-
-.a-profile-name {
- color: var(--color-text) !important;
-}
-
-.a-box.a-color-alternate-background,
-.a-box.a-color-offset-background {
- background: var(--transparent-background-dark) !important;
-}
-
-.a-box .a-divider.a-divider-section .a-divider-inner,
-.a-color-base-background .a-divider.a-divider-section .a-divider-inner,
-.a-divider.a-divider-section .a-divider-inner,
-hr.bucketDivider {
- &::after {
- background: none !important;
- }
-}
-
-.a-ordered-list,
-.a-unordered-list,
-ol,
-ul {
- .a-list-item {
- color: var(--color-text-alt) !important;
- }
-}
-
-.displayAddressUL {
- li {
- color: var(--color-text-alt) !important;
- }
-}
-
-#AUI_A9AdsMiddleBoxTop,
-#CustomerDiscussions,
-#customer-discussions_feature_div,
-#customer-reviews_feature_div,
-#hmdFormDiv,
-#pf-fitment-wrapper,
-#revMHLContainer,
-#sponsored-products-dp_feature_div,
-.bucket,
-.pa_componentTitleTest {
- h2 {
- color: var(--color-text) !important;
- }
-}
-
-.a-icon-small-trash,
-.a-icon-small-add,
-.a-icon-popover,
-.a-icon-previous,
-.a-icon-next,
-.a-icon-dropdown,
-.a-icon-search,
-.buy-it-again-button__icon,
-.reorder-modal-trigger-icon,
-.awl-ul-share-icon,
-.awl-ul-item-grab,
-.overflow-menu-center-dot,
-.lists-desktop-rio-icons > img,
-.ewc-delete-icon {
- filter: invert(1);
-}
-
-.a-button {
- font-weight: 500;
- border: 2px solid transparent !important;
- border-radius: var(--border-radius) !important;
-
- &.a-button-primary {
- border-color: var(--color-primary) !important;
-
- * {
- color: var(--color-text) !important;
- }
- }
-
- &.a-button-toggle {
- background: var(--transparent-background-darker) !important;
- color: var(--color-primary) !important;
-
- * {
- color: var(--color-primary) !important;
- }
-
- &:hover {
- border-color: var(--color-primary) !important;
- }
- }
-
- &.a-button-base {
- border-color: var(--color-text) !important;
-
- * {
- color: var(--color-text) !important;
- }
- }
-
- &.a-button-oneclick {
- border-color: var(--color-tertiary) !important;
-
- * {
- color: var(--color-text) !important;
- }
- }
-
- .a-button-inner {
- background: transparent !important;
- }
-}
-
-#add-to-wishlist-button-group {
- border: 2px solid var(--color-text) !important;
- border-radius: var(--border-radius) !important;
-
- .a-button-base {
- border-radius: 0 !important;
- border: 0 !important;
- }
-}
-
-.nav-flyout {
- background: var(--color-bg) !important;
-
- .nav-title,
- .nav-text {
- color: var(--color-text) !important;
- }
-}
-
-.nav-flyout-sidePanel-content {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .a-button-text {
- background: var(--color-primary) !important;
- color: var(--color-black) !important;
- }
-}
-
-.a-popover {
- .a-popover-inner {
- background: var(--color-bg) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .a-list-item:hover {
- .a-dropdown-link {
- background: rgb(from var(--color-primary) r g b / 0.5) !important;
- }
- }
- }
-}
-
-.order-card {
- background: var(--transparent-background) !important;
-
- .order-header {
- background: var(--transparent-background) !important;
- }
-}
-
-.feed-carousel .feed-carousel-control {
- background: var(--transparent-background-dark) !important;
- box-shadow: none !important;
-}
-
-.sc-background-dark {
- background: transparent !important;
-}
-
-#similarities-product-bundle-widget-title {
- color: var(--color-text) !important;
-}
-
-#twotabsearchtextbox {
- color: var(--color-text) !important;
-}
-
-#sp-cc {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-}
diff --git a/styles/websites/bing.css b/styles/websites/bing.css deleted file mode 100644 index 2288666..0000000 --- a/styles/websites/bing.css +++ /dev/null @@ -1,237 +0,0 @@ -@import url("../global/base.css");
-
-#hp_app {
- .hp_body {
- .hp_top_cover {
- display: none !important;
- }
-
- .hp_media_container {
- #img_cont {
- display: none !important;
- }
- }
-
- .hp_cont {
- header {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
- }
-
- #sb_form {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
-
- input,
- textarea {
- color: var(--color-text) !important;
- }
-
- .tooltip {
- background: none !important;
- backdrop-filter: none !important;
- }
- }
- }
-
- .bottom_row {
- #vs_cont {
- .vs {
- .modules_wrapper {
- .moduleCont {
- background: var(--transparent-background) !important;
-
- .module {
- background: none !important;
- }
- }
- }
- }
- }
- }
- }
-}
-
-#id_hbfo,
-#sb_sbipane,
-#id_d,
-#rewid-f,
-[data-sbtip]::after,
-[data-sbtipx]::after {
- background: var(--color-bg) !important;
- box-shadow: none !important;
-}
-
-.sa_as {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- #sa_ul {
- background: var(--transparent-background-darker) !important;
- }
-}
-
-.richrswrapper {
- background: var(--transparent-background-dark) !important;
- box-shadow: none !important;
-}
-
-.b_icon.tooltip,
-header .tooltip {
- background: none !important;
- backdrop-filter: none !important;
-}
-
-/* BEGIN: Styles from u/RitwikSHS10 */
-.b_dark,
-.b_dark .b_fpage,
-.b_dark #b_content,
-.b_dark #b_content #b_topw .b_ans .b_dict .dc_leftDef,
-.b_dark #b_content #b_topw .b_ans .b_dict .dc_rightContent,
-.b_drk #b_content #b_topw .b_ans .b_dict .dc_leftDef,
-.b_drk #b_content #b_topw .b_ans .b_dict .dc_rightContent,
-.b_dark .richrswrapper {
- background: transparent;
-}
-.b_dark {
- --htmlbk: var(--transparent-background);
- --canvasbk2: var(--transparent-background);
- --canvasbkf7: var(--transparent-background);
-}
-
-.b_dark #b_results li.b_ans.b_mop.b_mopb,
-.b_dark #b_results li.b_ans.b_nonfirsttopb,
-.b_ans {
- background: var(--transparent-background) !important;
-}
-.b_dark .b_slidebar .slide,
-.b_vPanel {
- background-color: var(--transparent-background) !important;
-}
-.b_wpTabsWrapper,
-.b_dark #b_content #b_pole .ent-dtab-content,
-.b_dark #b_content #b_pole .ent-dtab-content > div:first-child {
- background-color: var(--transparent-background);
-}
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_1,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_2,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_3,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_4,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_5,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_6,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_7,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_8,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_9,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_10,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_11,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_12,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_13,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_14,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_15,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_16,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_17,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_18,
-.b_dark #b_results .b_algoBigWiki.b_wiki_bg_color_kc {
- background: var(--transparent-background);
-}
-header,
-.b_dark #b_results #brsv3 .b_vList li a {
- background: var(--transparent-background-dark) !important;
-}
-#adstop_gradiant_separator {
- display: none;
-}
-#b_results #brsv3 {
- width: 100% !important;
-
- .b_vList {
- column-gap: 16px;
- padding: 12px 0 !important;
-
- li {
- width: calc(50% - 16px);
- margin-right: 0 !important;
- }
- }
-}
-.b_dark #b_pole .b_wpTabsWrapper,
-.b_dark #b_topw .b_wpTabsWrapper,
-.b_dark a.ent-dtab-txta,
-.b_dark a.ent-dtab-thmba,
-.b_dark .ent-dtab-content .ent-dtab-ovr a {
- background-color: transparent !important;
-}
-#b_results > li {
- border-radius: 8px;
-}
-#b_context,
-.dict_gowide,
-.b_ans.b_dictans {
- border-radius: 8px;
-}
-.dc_leftDef.dc_src.dc_hasRight {
- text-align: justify;
- border-radius: 8px;
-}
-
-.b_vList.b_divsec {
- display: flex !important;
- flex-wrap: wrap !important;
-}
-.b_dark .b_rc_gb_template_bg_1,
-.b_dark .b_rc_gb_template_bg_2,
-.b_dark .b_rc_gb_template_bg_3,
-.b_dark .b_rc_gb_template_bg_4,
-.b_dark .b_rc_gb_template_bg_5,
-.b_dark .b_rc_gb_template_bg_6,
-.b_dark .b_rc_gb_template_bg_7,
-.b_dark .b_rc_gb_template_bg_8,
-.b_dark .b_rc_gb_template_bg_9,
-.b_dark .b_rc_gb_template_bg_10,
-.b_dark .b_rc_gb_template_bg_11,
-.b_dark .b_rc_gb_template_bg_12,
-.b_dark .b_rc_gb_template_bg_13,
-.b_dark .b_rc_gb_template_bg_14,
-.b_dark .b_rc_gb_template_bg_15,
-.b_dark .b_rc_gb_template_bg_16,
-.b_dark .b_rc_gb_template_bg_17,
-.b_dark .b_rc_gb_template_bg_18,
-.b_dark #b_results .b_algoBigWiki .b_rc_gb_template_bg_white {
- background: var(--transparent-background);
-}
-.b_dark .rd_gen.rd_card_ml,
-.b_drk .rd_gen.rd_card_ml {
- background: linear-gradient(180deg, rgba(41, 40, 39, 0) 0%, rgba(79, 72, 72, 0.5) 100%) !important;
-}
-#b_context .b_rrsr > .b_vList > li a {
- background: var(--transparent-background-dark);
- width: 216px;
-}
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_1,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_2,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_3,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_4,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_5,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_6,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_7,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_8,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_9,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_10,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_11,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_12,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_13,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_14,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_15,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_16,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_17,
-.b_dark #b_results .b_rc_gb_template.b_rc_gb_template_bg_18 {
- background: var(--transparent-background);
-}
-#df_listaa > #b_vPanel,
-#d_ans > .b_vPanel,
-#df_listaa > .b_vPanel,
-.b_dark .te_wrap {
- background-color: transparent !important;
- background: none !important;
-}
-/* END: Styles from u/RitwikSHS10 */
diff --git a/styles/websites/chess.css b/styles/websites/chess.css deleted file mode 100644 index 1af2202..0000000 --- a/styles/websites/chess.css +++ /dev/null @@ -1,9 +0,0 @@ -body { - background-color: rgba(0, 0, 0, 0); - background: none; -} -:root { - --theme-background-override-image: none; - --theme-background-image: none; - --theme-background-color: none; -} diff --git a/styles/websites/copilot.microsoft.css b/styles/websites/copilot.microsoft.css deleted file mode 100644 index d3d50d8..0000000 --- a/styles/websites/copilot.microsoft.css +++ /dev/null @@ -1,10 +0,0 @@ -* { - background: none !important; -} -.dark\:bg-midnight-750:is([data-theme="dark"] *) { - background-color: rgb(29 36 57 / var(--tw-bg-opacity)) !important; -} -.dark\:before\:bg-midnight-800:is([data-theme="dark"] *)::before { - background-color: rgba(23, 30, 50, 0.2) !important; - backdrop-filter: blur(512px); -} diff --git a/styles/websites/ddl-warez.css b/styles/websites/ddl-warez.css deleted file mode 100644 index 1708e7a..0000000 --- a/styles/websites/ddl-warez.css +++ /dev/null @@ -1,318 +0,0 @@ -@import url("../global/base.css");
-
-.sticky_header {
- background-image: none !important;
- border: 0 !important;
-
- .search-form {
- &::after {
- background: var(--transparent-background-dark) !important;
- border: 0 !important;
- }
- }
-}
-
-.header_category_search_wrapper select option,
-.headerbackground,
-.header_background {
- background: none !important;
-
- .zolo-header_section2_background {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- }
-}
-
-.search-form {
- input[type="search"] {
- background: var(--transparent-background-dark) !important;
- color: var(--color-text) !important;
- border: 0 !important;
- }
-
- input[type="submit"] {
- border: 0 !important;
- }
-
- .custom-select {
- .select-selected {
- background: var(--transparent-background-dark) !important;
- border: 0 !important;
-
- &::after {
- border-top-color: var(--color-text) !important;
- }
-
- &.select-arrow-active {
- &::after {
- border-top-color: transparent !important;
- border-bottom-color: var(--color-text) !important;
- }
- }
- }
-
- .select-items {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- > div {
- color: var(--color-text) !important;
-
- &:hover {
- background: var(--color-primary) !important;
- color: var(--color-black) !important;
- }
- }
- }
- }
-}
-
-.sidebar-nav {
- background: var(--transparent-background) !important;
- border: 0 !important;
-
- > li {
- border: 0 !important;
- }
-}
-
-#primary {
- .newsbox,
- .wlcmbox {
- background: var(--transparent-background) !important;
- border: 0 !important;
- }
-}
-
-.widget {
- &.login {
- background: var(--transparent-background) !important;
- border: 0 !important;
- }
-
- &.recently,
- &.popular-posts {
- background: var(--transparent-background);
- border-radius: var(--border-radius);
-
- .widget-title {
- margin: 10px;
- }
-
- ul li {
- border: 0 !important;
- }
- }
-}
-
-.sub-menu {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border: 0 !important;
- transition: none !important;
-
- .menu-item {
- border: 0 !important;
-
- > a {
- border: 0 !important;
-
- .menu-text {
- color: var(--color-text) !important;
- }
- }
- }
-}
-
-.format {
- background: var(--color-bg) !important;
-}
-
-.post-update {
- span {
- background-color: var(--color-secondary) !important;
- }
-
- + .cat-name a {
- visibility: hidden;
- }
-}
-
-.cat-name,
-div:has(> .mini-pics) {
- background: var(--transparent-background-dark) !important;
-}
-
-.inner-content {
- #tile-overlay {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .tile-loading {
- margin: 400px auto 0 !important;
- }
- }
-
- .title-area {
- h4 a {
- color: var(--color-text) !important;
- }
-
- &:hover {
- h4 a {
- background: var(--transparent-background-darker) !important;
- }
- }
- }
-
- .tooltip {
- background: var(--transparent-background-darker) !important;
- border-radius: var(--border-radius);
- }
-}
-
-ul.page-numbers {
- .page-numbers {
- color: var(--color-text) !important;
- border-radius: var(--border-radius);
-
- &.current {
- background: var(--color-primary) !important;
- }
-
- &.dots {
- color: var(--color-text) !important;
- }
- }
-}
-
-ul.wpp-list {
- li {
- .wpp-item-data {
- .taxonomies {
- backdrop-filter: none;
- transition: background-color 0.25s, backdrop-filter 0.25s;
- }
-
- .wpp-title-excerpt {
- background-color: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- }
- }
-
- &:hover {
- .wpp-item-data {
- .taxonomies {
- background-color: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- }
- }
- }
- }
-}
-
-.main-footer {
- .footer {
- border: 0 !important;
- }
-
- .copyright_wrap {
- background: var(--transparent-background) !important;
- }
-}
-
-/* Detail Page */
-body.single {
- .post {
- .entry-title {
- background: var(--transparent-background-dark) !important;
- border-top-left-radius: var(--border-radius-lg) !important;
- border-top-right-radius: var(--border-radius-lg) !important;
- border: 0 !important;
- }
-
- .entry-content {
- background-color: var(--transparent-background) !important;
- border-bottom-left-radius: var(--border-radius-lg) !important;
- border-bottom-right-radius: var(--border-radius-lg) !important;
- border: 0 !important;
-
- .post-info {
- background: var(--transparent-background-dark) !important;
- border: 0 !important;
- }
-
- #tabs-container {
- .tabs-menu {
- display: flex;
- border: 0 !important;
-
- > li {
- background-color: var(--transparent-background) !important;
- margin: 0;
- flex: 1;
-
- &.current {
- a {
- background: var(--color-primary) !important;
- color: var(--color-black) !important;
- }
- }
-
- a {
- border-radius: 0 !important;
- border: 0 !important;
-
- &:hover {
- background: var(--color-primary) !important;
- color: var(--color-black) !important;
- }
- }
- }
- }
-
- .tab-content {
- hr {
- display: none !important;
- }
- }
- }
- }
- }
-
- .rel-posts {
- h3 {
- background-color: var(--transparent-background-dark) !important;
- border: 0 !important;
-
- + div {
- background: var(--transparent-background) !important;
- border: 0 !important;
- }
- }
- }
-
- #comments {
- #respond {
- #reply-title {
- background-color: var(--transparent-background-dark) !important;
- border: 0 !important;
- }
-
- #commentform {
- background: var(--transparent-background) !important;
- border: 0 !important;
-
- textarea,
- input[type="text"],
- input[type="email"],
- input[type="url"] {
- background: var(--color-bg) !important;
- color: var(--color-text) !important;
- border-radius: var(--border-radius) !important;
- border: 0 !important;
- }
- }
- }
- }
-}
diff --git a/styles/websites/duckduckgo.css b/styles/websites/duckduckgo.css deleted file mode 100644 index 0fb0755..0000000 --- a/styles/websites/duckduckgo.css +++ /dev/null @@ -1,196 +0,0 @@ -@import url("../global/base.css");
-
-/* Homepage */
-.theme-dark,
-.theme-light {
- --theme-bg-global: transparent;
- --theme-bg-secondary: transparent;
- --theme-sidemenu-bg: var(--transparent-background-darker);
- --theme-button-primary-border: transparent;
- --theme-button-primary-outline-bg: transparent;
- --theme-button-tertiary-bg: transparent;
- --theme-button-tertiary-bg--disabled: transparent;
- --theme-checkbox-bg--hover: transparent;
- --theme-checkbox-bg--active: transparent;
- --theme-checkbox-bg--disabled: transparent;
- --theme-searchbox-bg: var(--transparent-background-dark);
- --theme-searchbox-bg--focused: var(--transparent-background-darker);
- --theme-searchbox-bg--mobile: var(--transparent-background-darker);
-
- [class^="home_root"] {
- --theme-bg-home: transparent;
- --theme-bg-cta-cards: var(--transparent-background);
- --theme-bg-home-searchbox: var(--transparent-background-dark);
- --theme-howitworks-downloads-bg: var(--transparent-background);
- --legacy-theme-atb-button-border: transparent;
- }
-}
-
-/* Search Page */
-html,
-body,
-.body--home,
-.site-wrapper,
-.region__body,
-.badge-link,
-.module--carousel__image-wrapper,
-.result__image,
-.vertical--map__sidebar,
-.vertical--map__sidebar__header,
-.page-chrome_newtab,
-.zci--type--tiles:not(.is-fallback).is-full-page.is-expanded,
-.zci--type--tiles:not(.is-fallback).is-full-page.is-expanded .metabar:not(.is-stuck) {
- background-color: transparent;
-}
-body.embedded-search-default-theme.page-chrome_newtab,
-body.embedded-search-default-theme .newtab-heading {
- background-color: transparent;
-}
-
-.header-wrap {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- box-shadow: none !important;
-
- &::after {
- content: none !important;
- }
-
- .dropdown.dropdown--settings {
- background-color: transparent !important;
- backdrop-filter: none !important;
- }
-}
-
-.react-results--main {
- > li {
- background: var(--transparent-background);
- border-radius: var(--border-radius-lg);
-
- &[data-layout="news"] {
- padding: 10px;
-
- .module--carousel {
- .module--carousel__item {
- background: var(--transparent-background) !important;
- }
- }
- }
- }
-
- .related-searches {
- .related-searches__lists {
- .related-searches__list {
- .related-searches__item {
- background: var(--transparent-background) !important;
- }
- }
- }
- }
-
- /* Only random generated classes available */
- div:has(> .related-searches) {
- + div {
- > div > div {
- background: var(--transparent-background) !important;
- }
- }
- }
-}
-
-.footer {
- background: var(--transparent-background) !important;
- border: 0 !important;
-}
-
-/* Image Search */
-.zci-wrap {
- background: none !important;
-}
-
-.set-header--fixed .tileview--grid .metabar--fixed,
-.tileview--grid .metabar--fixed.is-stuck {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border: 0 !important;
-}
-
-.metabar__dropdowns-wrap {
- .dropdown {
- background: none !important;
- backdrop-filter: none !important;
- }
-}
-
-/* Video & Shopping Search */
-#zci-videos,
-#zci-products {
- .tile {
- background: var(--transparent-background) !important;
-
- .tile__body {
- background: none !important;
- border-color: transparent !important;
- }
- }
-}
-
-/* News Search */
-.results--main {
- .search-filters {
- .dropdown {
- background: none !important;
- backdrop-filter: none !important;
- }
- }
-
- .results {
- .result.result--news {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius-lg);
- }
- }
-}
-
-/* Map */
-#web_content_wrapper {
- #react-layout {
- main {
- > aside[data-testid="maps-vertical-sidebar"] {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- > section[data-testid="maps-vertical-sidebar-header"] {
- > form > div {
- background: none !important;
- border: 0 !important;
-
- div:has(> input) {
- background-color: var(--transparent-background-dark) !important;
-
- > input,
- > button:first-of-type {
- background: none !important;
- }
- }
- }
- }
- }
- }
- }
-}
-
-/* General Styles */
-.metabar__dropdowns-wrap,
-nav,
-ul {
- &::before,
- &::after {
- content: none !important;
- }
-}
-
-.modal,
-.modal--dropdown {
- z-index: 250;
-}
diff --git a/styles/websites/epicgames.css b/styles/websites/epicgames.css deleted file mode 100644 index e13f9e2..0000000 --- a/styles/websites/epicgames.css +++ /dev/null @@ -1,108 +0,0 @@ -@import url("../global/base.css");
-
-.isBrowser {
- background: none !important;
-
- div:has(> egs-navigation) {
- background: var(--transparent-background-darker) !important;
- }
-
- main {
- > div:first-child {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- > div:first-child {
- background: none !important;
- }
- }
-
- > div {
- background: none !important;
- }
-
- [data-testid="egs-ssr-wrapper-all"] {
- > div {
- background: none !important;
- }
- }
-
- [data-testid="sticky-nav"] {
- background: none;
-
- > ul {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
- padding: 5px 10px 10px;
- }
- }
-
- [data-testid="opt-in-toggle-layout"] {
- > div[class*="ROOT"] {
- background: var(--transparent-background) !important;
- }
- }
-
- [data-testid="offer-card-layout-wrapper"] {
- > div {
- background: var(--transparent-background) !important;
- }
- }
-
- [data-testid="cart-view"] {
- > div {
- background: none !important;
- }
-
- [data-testid="offer-card-layout-wrapper"] {
- > div {
- background: var(--transparent-background) !important;
- }
- }
- }
- }
-}
-
-[data-testid="SaleCarouselDesktop"] {
- div:has(+ [data-testid^="CarouselProgress"]) {
- background: var(--transparent-background) !important;
- }
-
- [data-testid^="CarouselThumbnail"] {
- &:hover {
- background: var(--transparent-background-darker) !important;
- }
- }
-
- [data-testid^="CarouselProgress"] {
- background: var(--color-bg) !important;
- }
-}
-
-/* Content Page */
-#global-header {
- .bg-filter {
- background: var(--transparent-background-darker) !important;
- }
-}
-
-.eg-content {
- background: none !important;
-
- .HomePage,
- .PageHeader,
- .MyRequests {
- background: none !important;
- }
-}
-
-footer#egf {
- background: var(--transparent-background) !important;
-}
-
-/* Checkout Modal */
-#purchaseAppContainer {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
-}
diff --git a/styles/websites/github.css b/styles/websites/github.css deleted file mode 100644 index 56ca9de..0000000 --- a/styles/websites/github.css +++ /dev/null @@ -1,97 +0,0 @@ -html,
-body {
- background: none !important;
-}
-
-[data-testid="issue-metadata-sticky"] {
- background-color: var(--transparent-background-darker);
-}
-
-/* Styles by u/sameera_s_w */
-
-div.feed-item-content.d-flex.flex-column.pt-2.pb-2.border.color-border-default.rounded-2.color-shadow-small.width-full.height-fit,
-.feed-item-content,
-.input-contrast,
-.color-bg-default,
-.Box-body,
-.Box {
- border-radius: 20px;
- border: none;
-}
-
-div.color-bg-subtle.rounded-1.flex-justify-between.p-3,
-section.dashboard-break-word.comment-body.markdown-body.m-0.p-3.color-bg-subtle.mb-0.rounded-1 {
- border-radius: 10px;
- border: none;
-}
-
-aside.feed-left-sidebar.col-md-4.col-lg-3.color-border-muted.border-bottom.hide-md.hide-sm.border-right.color-bg-default,
-body,
-div.d-md-flex,
-.AppHeader-globalBar,
-div.color-bg-subtle.rounded-1.flex-justify-between.p-3,
-.comment-body,
-.AppHeader-localBar {
- border: none;
-}
-
-form.Box.position-relative.rounded-2.mb-4.p-3.js-notice-dismiss.overflow-hidden,
-div.mb-3.dashboard-changelog.color-bg-default.border.color-border-muted.p-3.rounded-2,
-div.d-flex.flex-items-between.footer.container-lg.my-5.px-0 {
- display: none;
-}
-
-.ebYtvW,
-.bAmAao,
-.Counter,
-.types__StyledButton-sc-ws60qy-0,
-.TextInput-wrapper,
-.feed-item-content,
-.color-bg-default,
-.input-contrast,
-.Box-body,
-.Box {
- border: none;
-}
-
-td {
- border: none;
-}
-
-tr:hover,
-a:hover {
- border-radius: 20px;
-}
-
-body {
- --bgColor-default: transparent;
- --bgColor-muted: var(--transparent-background);
- --bgColor-inset: var(--transparent-background);
- --borderColor-default: var(--transparent-background);
-}
-
-footer.footer.pt-8.pb-6.f6.color-fg-muted.p-responsive {
- display: none;
-}
-
-div.prc-Dialog-Dialog-luvDS,
-.Overlay,
-.Overlay__StyledOverlay-sc-51280t-0,
-details-menu {
- background-color: var(--transparent-background-dark);
- backdrop-filter: var(--backdrop-blur);
-}
-
-aside.feed-right-sidebar,
-aside.feed-left-sidebar {
- opacity: 0;
- transition: all 0.3s ease-in-out;
- &:hover {
- opacity: 1;
- }
-}
-
-.gh-header-sticky.is-stuck {
- background-color: var(--transparent-background-dark);
- border-radius: 1em;
-}
diff --git a/styles/websites/gog.css b/styles/websites/gog.css deleted file mode 100644 index e7d8dbb..0000000 --- a/styles/websites/gog.css +++ /dev/null @@ -1,16 +0,0 @@ -@import url("../global/base.css");
-
-.product-tile {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
-}
-
-product-tile-extended {
- background: var(--color-bg) !important;
- border-radius: var(--border-radius);
-}
-
-price-discount {
- color: var(--color-primary) !important;
-}
diff --git a/styles/websites/google.css b/styles/websites/google.css deleted file mode 100644 index 135b2ff..0000000 --- a/styles/websites/google.css +++ /dev/null @@ -1,93 +0,0 @@ -@import url("../global/base.css");
-
-/* Google is obfuscating their classes and attributes, which makes it really hard to select elements properly, hence the nested div selectors */
-
-body {
- /* Page Wrapper */
- > div:first-of-type,
- > div[data-hveid="1"] {
- /* Page Header */
- div[role="navigation"] {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
-
- div[style*="background-color"] {
- background: none !important;
- }
- }
-
- /* Page Footer */
- > div:last-child {
- > div[role="contentinfo"] {
- background: var(--transparent-background) !important;
- }
- }
- }
-}
-
-form[role="search"] {
- > div:first-child {
- > div:first-child {
- /* Search Bar */
- > div:first-of-type:not(.logo),
- > .logo + div {
- background: var(--transparent-background-dark) !important;
- }
- }
- }
-
- center {
- input[type="submit"] {
- background: var(--transparent-background-dark) !important;
-
- &:hover {
- background: var(--transparent-background-darker) !important;
- border-color: transparent !important;
- }
- }
- }
-}
-
-/* Search Results Page */
-#searchform {
- > div:first-child {
- background-color: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
- }
-}
-
-#main {
- div[style*="top:"]:has(> [role="navigation"]) {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- box-shadow: none !important;
- border: 0 !important;
- }
-}
-
-#appbar {
- background: none !important;
-}
-
-#search {
- [data-rspos] > div:first-child,
- [jscontroller][lang][style*="width:inherit"] {
- background: var(--transparent-background);
- border-radius: var(--border-radius-lg);
- padding: 10px;
- }
-
- div:has(> [data-id="mosaic"]) {
- background: none !important;
- }
-}
-
-#botstuff {
- div:has(> div > div > a) {
- background: var(--transparent-background) !important;
- }
-}
-
-#fbar {
- background: var(--transparent-background) !important;
-}
diff --git a/styles/websites/kinguin.css b/styles/websites/kinguin.css deleted file mode 100644 index 764038c..0000000 --- a/styles/websites/kinguin.css +++ /dev/null @@ -1,39 +0,0 @@ -@import url("../global/base.css");
-
-#app {
- > a:first-of-type {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- position: static !important;
- }
-
- .c-header {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- position: sticky !important;
- top: 0 !important;
-
- button[data-cy="minicart-icon"],
- button[data-cy="headerSignInButton"],
- div[data-cy="headerBurgerButton"],
- form[itemtype="https://schema.org/SearchAction"],
- .desktop-submenu {
- + div {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
- }
- }
- }
-
- .c-page__wrapper {
- margin-top: 0 !important;
- padding-top: 0 !important;
- }
-}
-
-.c-product-card > div:first-of-type,
-[itemtype="http://schema.org/Product"]
-{
- background: var(--transparent-background) !important;
-}
diff --git a/styles/websites/kryptex.css b/styles/websites/kryptex.css deleted file mode 100644 index 295a17b..0000000 --- a/styles/websites/kryptex.css +++ /dev/null @@ -1,236 +0,0 @@ -@import url("../global/base.css");
-
-.bg-light {
- background-color: var(--transparent-background) !important;
-}
-
-.bg-white,
-.bg-gray,
-.bg-dark {
- background-color: var(--transparent-background-dark) !important;
-
- &.fake-bg-overlay {
- &::before,
- &::after {
- background-color: var(--transparent-background-dark) !important;
- }
- }
-}
-
-.alert-info-light,
-.bg-info-light {
- background-color: var(--transparent-background-darker) !important;
-}
-
-.text-middle {
- color: var(--color-text-alt) !important;
-}
-
-.text-dark {
- color: var(--color-text) !important;
-
- &:is(a) {
- &:hover {
- color: var(--color-primary) !important;
- }
- }
-}
-
-.border {
- border: none !important;
-}
-
-.rounded-corners {
- display: none !important;
-}
-
-.alert {
- border: 0;
-}
-
-.slider {
- &::before {
- background-color: var(--color-primary) !important;
- }
-}
-
-.fill-dark,
-.flag-icon,
-.notification-badge svg {
- fill: var(--color-text) !important;
-}
-
-.notification-badge {
- .notification-badge__counter {
- background: var(--color-tertiary) !important;
- color: var(--color-black) !important;
- }
-
- &:hover {
- &::after {
- background-color: var(--color-primary) !important;
- }
- }
-}
-
-.category-list__link span {
- color: var(--color-text) !important;
-}
-
-.tooltip {
- background: none !important;
- backdrop-filter: none !important;
-}
-
-.tooltip__dropdown {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
-
- a {
- color: var(--color-text) !important;
-
- &:hover {
- color: var(--color-primary) !important;
- }
- }
-
- .page-header-nav-tooltip__link {
- &:hover {
- background-color: var(--color-bg) !important;
- }
- }
-
- .page-header-nav-tooltip__link-image-block {
- &:hover {
- background-color: var(--color-bg) !important;
-
- .page-header-nav-tooltip__link-image {
- color: var(--color-primary) !important;
- }
- }
-
- .page-header-nav-tooltip__link-image {
- color: var(--color-text) !important;
- }
- }
-}
-
-.tooltip__single {
- + .tooltip__dropdown {
- background: none !important;
- backdrop-filter: none !important;
-
- .tooltip__arrow {
- &::before {
- border-bottom-color: var(--transparent-background-darker) !important;
- }
- }
-
- .tooltip__dropdown-inner {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- color: var(--color-text);
-
- .btn {
- .text-dark {
- color: var(--color-text) !important;
- }
- }
- }
- }
-}
-
-label {
- color: var(--color-text-alt) !important;
-}
-
-input {
- border: 1px solid var(--color-bg-alt) !important;
- color: var(--color-text) !important;
-
- &:read-only,
- &:disabled {
- background: none !important;
- }
-}
-
-.input-text {
- label::after {
- content: none !important;
- }
-}
-
-.btn {
- &.btn-circle-icon {
- border-image: none !important;
- border: none !important;
- }
-
- &.btn-white {
- background: var(--color-bg) !important;
- border-color: var(--color-bg) !important;
-
- &:hover {
- background: var(--transparent-background) !important;
- border-color: var(--color-primary) !important;
- }
-
- .btn-icon__wrap svg {
- filter: invert(1);
- }
- }
-}
-
-.category-list {
- .category-list__link {
- &.active,
- &:hover {
- background: linear-gradient(to right, var(--color-primary) 10%, transparent);
- }
- }
-}
-
-#sidebar {
- background-color: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .sidebar__nav-list-footer {
- background: var(--transparent-background) !important;
- backdrop-filter: var(--backdrop-blur);
- padding-top: 0;
- margin-top: 1.25rem;
- }
-}
-
-.page-main {
- color: var(--color-text);
-
- #header {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border: 0;
- color: var(--color-text);
-
- .page-header__title {
- color: var(--color-text);
- }
-
- .tooltip {
- background: none !important;
- backdrop-filter: none !important;
- }
-
- .tooltip__dropdown-inner {
- color: var(--color-text);
-
- .notification {
- border: 0;
-
- &:hover {
- background: var(--color-bg);
- }
- }
- }
- }
-}
diff --git a/styles/websites/leetcode.css b/styles/websites/leetcode.css deleted file mode 100644 index 6be2497..0000000 --- a/styles/websites/leetcode.css +++ /dev/null @@ -1,11 +0,0 @@ -:is(.dark .dark\:bg-dark-layer-bg), -body, -#explore-app .background-rvs, -:is(.dark .dark\:bg-layer-bg-gray) { - background: none !important; - color: white; -} -.flexlayout__tabset, -:is(.dark .dark\:bg-layer-01) { - background: rgba(0, 0, 0, 0.2); -} diff --git a/styles/websites/lieferando.css b/styles/websites/lieferando.css deleted file mode 100644 index 2a7c2ae..0000000 --- a/styles/websites/lieferando.css +++ /dev/null @@ -1,67 +0,0 @@ -@import url("../global/base.css");
-
-:root {
- --sds-heading-color: var(--color-primary) !important;
- --xds-color-content-default: var(--color-text) !important;
- --xds-color-content-subdued: var(--color-secondary) !important;
- --sds-stepper-label-color-active: var(--color-primary) !important;
- --sds-text-link-color-primary: var(--color-primary) !important;
-}
-
-*,
-*::before,
-*::after {
- background-color: transparent !important;
- border: none !important;
- box-shadow: none !important;
- color: var(--color-text);
-}
-
-html,
-body {
- color: var(--color-text) !important;
-}
-
-header {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-[class^="status-box-style_status-content"] {
- background: var(--transparent-background) !important;
-}
-
-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- border: 2px solid var(--color-primary) !important;
- border-radius: var(--border-radius);
- color: var(--color-primary) !important;
- font-weight: 500;
-
- * {
- color: var(--color-primary) !important;
- }
-}
-
-.ReactModal__Content {
- background: var(--color-bg) !important;
- overflow: hidden;
- border-radius: var(--border-radius) !important;
-}
-
-[class^="plus-delivery-options-style_plus-delivery-options"] {
- input[type="radio"] {
- + label {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius) !important;
- }
-
- &:checked {
- + label {
- outline: 2px solid var(--color-primary) !important;
- }
- }
- }
-}
diff --git a/styles/websites/mail.proton.css b/styles/websites/mail.proton.css deleted file mode 100644 index fabac7a..0000000 --- a/styles/websites/mail.proton.css +++ /dev/null @@ -1,106 +0,0 @@ -@import url("../global/base.css");
-
-.spotlight,
-.overlay,
-.tooltip,
-.dropdown {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur) !important;
- color: var(--color-text) !important;
-}
-
-.toolbar {
- background: none !important;
-}
-
-.navigation-list {
- .navigation-item {
- .navigation-link {
- svg.navigation-icon {
- color: inherit;
- }
- }
- }
-}
-
-.items-column-list {
- background: none !important;
-}
-
-.item-container,
-.dropdown-item:has(> button) {
- position: relative;
-
- &.unread {
- background: var(--transparent-background) !important;
-
- &::before {
- content: "";
- display: block;
- background: var(--color-secondary) !important;
- width: 4px;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- }
- }
-
- &.read {
- background: none !important;
- }
-
- &.item-is-selected {
- background: var(--transparent-background-darker) !important;
- }
-
- &:hover {
- box-shadow: none;
- background: var(--transparent-background-dark) !important;
-
- &::before {
- content: "";
- display: block;
- background: var(--color-primary) !important;
- width: 4px;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- }
- }
-}
-
-.label-stack {
- .label-stack-item {
- background-color: var(--label-bg, var(--color-bg)) !important;
-
- &:hover {
- background-color: var(--label-bg-hover, var(--color-bg)) !important;
- }
- }
-}
-
-.message-container {
- background: none !important;
-
- .message-header,
- .message-content {
- background: var(--transparent-background) !important;
- }
-}
-
-.composer {
- .composer-title-bar {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur) !important;
- }
-
- .composer-container {
- background: var(--color-bg) !important;
-
- .editor-wrapper {
- border: 1px solid rgb(from var(--color-text) r g b / 0.25) !important;
- }
- }
-}
diff --git a/styles/websites/nexusmods.css b/styles/websites/nexusmods.css deleted file mode 100644 index 6693b61..0000000 --- a/styles/websites/nexusmods.css +++ /dev/null @@ -1,152 +0,0 @@ -@import url("../global/base.css");
-
-header#head {
- background: var(--transparent-background-darker);
- backdrop-filter: var(--backdrop-blur);
-
- .nav-tab-wrapper {
- background: var(--transparent-background-darker);
- backdrop-filter: var(--backdrop-blur);
- }
-}
-
-.home-intro,
-.static .wrap:first-of-type,
-.collections-banner-wrapper,
-.premium-block {
- background-image: none !important;
-}
-
-.static .wrap {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius);
-}
-
-.collections-banner-wrapper {
- background: none !important;
-}
-
-.notifications-content-wrapper,
-.rj-right-tray,
-.rj-search-category-dropdown,
-#gsearch_results {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-#gsearch_results {
- h2 {
- background: transparent !important;
- }
-}
-
-.mod-tile-left {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius);
- overflow: hidden;
-
- .mod-tile-dl-status {
- background-color: rgb(from var(--color-primary) r g b / 0.35) !important;
- backdrop-filter: var(--backdrop-blur);
- }
-
- .post-category {
- background-color: var(--color-bg) !important;
- }
-
- .btnexpand ul {
- background: var(--color-bg) !important;
- }
-
- .fadeoff {
- display: none;
- }
-}
-
-.game-tiles {
- .mod-tile-left {
- .tile-desc {
- padding: 10px !important;
- }
- }
-}
-
-.select2 {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius);
-
- .select2-selection__rendered {
- color: var(--color-text) !important;
- }
-
- .select2-selection__arrow b {
- border-color: var(--color-text) transparent transparent transparent !important;
- border-style: solid !important;
- border-width: 5px 4px 0 4px !important;
- }
-}
-
-.select2-results {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
- overflow: hidden;
-
- #select2-time-results {
- max-height: 75vh;
-
- li {
- padding: 12px;
-
- &:hover {
- background: var(--color-primary) !important;
- }
- }
- }
-}
-
-.pagination {
- .page-selected {
- background-color: var(--color-primary) !important;
- border-radius: var(--border-radius);
- color: var(--color-text) !important;
- }
-}
-
-.tooltipster-base {
- background-color: var(--color-bg) !important;
-}
-
-/* Adaptions for the next.nexusmods.com beta */
-header.bg-surface-base {
- background: var(--transparent-background-darker) !important;
-
- > .bg-surface-base {
- background: none !important;
- }
-
- .bg-surface-low {
- background-color: var(--transparent-background-darker);
- backdrop-filter: var(--backdrop-blur);
- }
-}
-
-#mainContent {
- > [class="relative"] {
- > .absolute,
- > .to-surface-base {
- display: none !important;
- }
-
- > .next-container-fluid {
- .sticky {
- background-color: transparent;
- backdrop-filter: none;
- }
- }
- }
-
- .clearfix {
- background: none !important;
- }
-}
diff --git a/styles/websites/programiz.css b/styles/websites/programiz.css deleted file mode 100644 index b38de04..0000000 --- a/styles/websites/programiz.css +++ /dev/null @@ -1,12 +0,0 @@ -.dark-mode, -.dark-mode .header, -.dark-mode .wrapper, -.dark-mode .editor-wrapper, -.dark-mode .ace_editor, -.dark-mode .ace_gutter, -.dark-mode .ace_scroller, -.dark-mode .ace_gutter-active-line, -.dark-mode .ace_gutter-cell, -.dark-mode .terminal-wrapper { - background: none !important; -} diff --git a/styles/websites/proton.css b/styles/websites/proton.css deleted file mode 100644 index be3f983..0000000 --- a/styles/websites/proton.css +++ /dev/null @@ -1,65 +0,0 @@ -@import url("../global/base.css");
-
-.content,
-.main,
-.main header {
- background: none !important;
-}
-
-.bg-norm,
-.dropdown,
-.spotlight,
-.overlay,
-.tooltip,
-.modal-two-dialog {
- background: var(--color-bg) !important;
- backdrop-filter: var(--backdrop-blur);
- color: var(--color-text) !important;
-}
-
-.bg-weak {
- background: var(--transparent-background) !important;
-}
-
-.color-weak {
- color: var(--color-text-alt) !important;
-}
-
-.color-invert {
- color: var(--color-text) !important;
-}
-
-.border {
- border: 1px solid rgb(from var(--color-white) r g b / 0.5) !important;
-
- &.rounded {
- border-radius: 8px !important;
- }
-
- &.border-recommended {
- border-width: 3px !important;
- border-color: var(--color-primary) !important;
- }
-
- .recommended-label {
- background: var(--color-primary) !important;
- }
-}
-
-.button {
- &.button-for-icon {
- background: none !important;
- border-image: none !important;
- border: none !important;
-
- &:hover {
- svg {
- fill: var(--color-primary);
- }
- }
- }
-}
-
-.sidebar {
- background: none !important;
-}
diff --git a/styles/websites/reddit.css b/styles/websites/reddit.css deleted file mode 100644 index 87f17fe..0000000 --- a/styles/websites/reddit.css +++ /dev/null @@ -1,122 +0,0 @@ -/* Styles by u/sameera_s_w */
-
-:root.theme-dark,
-.theme-rpl {
- --color-neutral-background: #00000000;
-}
-
-.bg-neutral-background,
-#left-sidebar-container {
- background-color: #00000000;
- border: none;
-}
-
-div aside recent-posts {
- display: none;
-}
-
-.overflow-visible > div:nth-child(32),
-faceplate-dropdown-menu {
- border-radius: 1em 1em 0 0;
-}
-
-nav.z-\[2\] > nav:nth-child(18),
-div.visible {
- display: none;
-}
-
-hr.w-100.my-sm.border-neutral-border-weak {
- display: none;
-}
-
-shreddit-app,
-body,
-html {
- background-color: #00000000 !important;
-}
-
-/* Styles by FrostyBiscuit */
-#flex-left-nav-container {
- background: none !important;
- border: 0 !important;
-}
-
-.left-sidebar {
- background-color: var(--transparent-background) !important;
- border: 0 !important;
-
- .text-secondary-weak {
- color: var(--color-text-alt) !important;
- }
-}
-
-#right-sidebar-container {
- border-radius: var(--border-radius);
-
- .bg-neutral-background-weak {
- background-color: var(--transparent-background) !important;
- }
-}
-
-header {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-shreddit-app {
- background: none !important;
-
- .grid-container {
- background: none !important;
-
- [bundlename="shreddit_sort_dropdown"] {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius-lg) !important;
- }
-
- community-highlight-carousel {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius-lg);
- padding-bottom: 8px;
- }
- }
-}
-
-shreddit-post {
- background: var(--transparent-background) !important;
-
- [slot="post-media-container"] {
- background: var(--transparent-background) !important;
-
- .text-neutral-content-weak {
- color: var(--color-text-alt) !important;
- }
- }
-}
-
-comment-composer-host {
- --color-input-bordered: var(--transparent-background);
-}
-
-comment-body-header {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius-lg) !important;
- margin-bottom: 20px;
- overflow: hidden;
-
- .bg-neutral-background {
- background: none !important;
- }
-
- shreddit-comments-sort-dropdown {
- --color-neutral-background: transparent;
- padding: 10px;
- margin-top: 0 !important;
- }
-}
-
-shreddit-comment-tree {
- --shreddit-content-background: var(--transparent-background);
- --color-neutral-background: transparent;
- border-radius: var(--border-radius-lg);
-}
diff --git a/styles/websites/steam.css b/styles/websites/steam.css deleted file mode 100644 index f9075eb..0000000 --- a/styles/websites/steam.css +++ /dev/null @@ -1,597 +0,0 @@ -@import url("../global/base.css");
-
-:root {
- --steam-color-blue: #06bfff;
- --steam-color-blue-dark: #2d73ff;
- --steam-color-green: #beee11;
- --color-primary: var(--steam-color-blue);
- --color-secondary: var(--steam-color-blue-dark);
- --gradient: linear-gradient(20deg, var(--steam-color-blue), var(--steam-color-blue-dark));
- --gradient-reverse: linear-gradient(200deg, var(--steam-color-blue), var(--steam-color-blue-dark));
- --z-index-header: 5000;
- --z-index-notifications: 5001;
- --z-index-modal-background: 5002;
- --z-index-modal: 5003;
-}
-
-#global_header {
- position: sticky;
- top: 0;
- z-index: var(--z-index-header);
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .content {
- background: none !important;
- }
-
- .supernav_content,
- .popup_menu {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .submenuitem,
- .popup_menu_item {
- position: relative;
- color: var(--color-text) !important;
-
- &:hover {
- background: var(--color-bg) !important;
- color: var(--color-primary) !important;
-
- &::before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- display: block;
- width: 2px;
- height: 100%;
- background: var(--color-primary) !important;
- }
- }
- }
- }
-}
-
-#store_header {
- .store_header_btn {
- background: var(--gradient) !important;
-
- #wishlist_link {
- color: var(--color-text) !important;
-
- &:hover {
- background: var(--gradient-reverse) !important;
- }
- }
- }
-}
-
-#store_nav_area {
- .store_nav_bg {
- background: var(--transparent-background-darker) !important;
- box-shadow: none !important;
-
- .store_nav {
- .tab {
- color: var(--color-text-alt) !important;
-
- &:hover,
- &.focus {
- background: var(--color-bg) !important;
- border-bottom: 2px solid var(--color-primary) !important;
- color: var(--color-text) !important;
-
- .pulldown,
- > span {
- background: none !important;
- color: var(--color-text) !important;
-
- a {
- color: var(--color-text) !important;
- }
- }
- }
-
- > span,
- .pulldown a {
- color: var(--color-text-alt) !important;
- }
- }
-
- .popup_body {
- background: var(--color-bg) !important;
- }
-
- .popup_menu {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- padding: 0;
-
- .popup_menu_item {
- width: 100%;
- margin: 0;
- padding: 4px 8px;
- box-sizing: border-box;
- position: relative;
- color: var(--color-text) !important;
- border-bottom: 0 !important;
-
- &:hover {
- background: var(--color-bg) !important;
- color: var(--color-primary) !important;
-
- &::before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- display: block;
- width: 2px;
- height: 100%;
- background: var(--color-primary) !important;
- }
- }
- }
- }
- }
- }
-
- #store_search {
- background: var(--color-bg) !important;
-
- .searchbox {
- background: none !important;
- box-shadow: none !important;
- }
- }
-
- #searchterm_options {
- .match {
- &:hover,
- &.hover,
- &.focus {
- background-color: var(--color-bg) !important;
-
- .match_name,
- .match_subtitle {
- color: var(--color-primary) !important;
- }
- }
- }
- }
-}
-
-#responsive_page_template_content {
- .profile_customization {
- background: var(--transparent-background) !important;
- }
-
- .profile_animated_background {
- video {
- width: 100%;
- height: 100%;
- left: 0;
- transform: none;
- object-fit: cover;
- }
- }
-
- .profile_header_bg_texture,
- .profile_content.has_profile_background {
- background: transparent !important;
- }
-
- .profile_rightcol {
- background: var(--transparent-background) !important;
- }
-
- .recent_game {
- background: var(--transparent-background) !important;
- }
-}
-
-/* Profile Page */
-.profile_page {
- background: none !important;
-
- &.has_profile_background {
- .profile_animated_background {
- opacity: 0.5;
- }
- }
-}
-.community_home_app_shortcuts,
-.community_home_search_box,
-.apphub_Card,
-.apphub_CardContentGuideTitle {
- background: var(--transparent-background) !important;
- border-radius: var(--border-radius-lg);
-}
-
-.community_home_search_apps,
-.community_home_search_players {
- background: var(--color-bg) !important;
-}
-
-.community_home_tabs {
- .apphub_sectionTabs {
- border-bottom: 4px solid var(--transparent-background) !important;
-
- .apphub_sectionTab {
- &.active {
- background: linear-gradient(to top, rgb(from var(--color-primary) r g b / 0.25), var(--color-primary)) !important;
- }
- }
- }
-}
-
-.community_recommendation_app {
- .community_recommendation_capsule {
- background: none !important;
- }
-
- .right_col {
- background: var(--transparent-background) !important;
- }
-}
-
-.apphub_background {
- background-image: none !important;
-}
-
-.page_content_ctn {
- &.dark {
- background: var(--transparent-background) !important;
- }
-}
-
-#footer {
- background: none !important;
-}
-
-/* Game Detail Page */
-.game_page_background,
-.game_background_glow {
- background: none !important;
-}
-
-.game_purchase_action_bg,
-.bundle_contents_preview,
-.user_reviews_filter_menu_flyout {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius) !important;
-}
-
-.game_area_purchase_game,
-.game_area_offsite_purchase,
-.game_area_play_stats,
-[data-featuretarget="creatorhome-carousel"],
-[data-featuretarget="storeitems-carousel"] {
- background: var(--transparent-background) !important;
-}
-
-.CapsuleBottomBar {
- background: var(--color-bg) !important;
-}
-
-.queue_menu_flyout {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- .queue_menu_option {
- position: relative;
-
- &:hover {
- background: var(--color-bg) !important;
-
- &::before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 4px;
- height: 100%;
- background: var(--color-primary) !important;
- }
- }
- }
-}
-
-#review_histograms_container,
-#review_histogram_recent_section {
- background: var(--transparent-background-dark) !important;
-}
-
-.gameDlcBlocks {
- .game_area_dlc_row {
- background: var(--transparent-background) !important;
- position: relative;
-
- &:hover {
- background: var(--color-bg) !important;
-
- &::before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 4px;
- height: 100%;
- background: var(--color-primary) !important;
- }
- }
- }
-}
-
-.carousel_container {
- .carousel_thumbs {
- > div {
- background-color: var(--transparent-text) !important;
-
- &.focus,
- &:hover {
- background-color: var(--color-primary) !important;
- }
- }
- }
-
- .arrow {
- background: none !important;
- }
-}
-
-.carousel__slide-focus-ring {
- display: none;
-}
-
-/* Screenshot Modal */
-.newmodal_background {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- z-index: var(--z-index-modal-background) !important;
-}
-
-.screenshot_popup_modal {
- z-index: var(--z-index-modal) !important;
-
- .screenshot_popup_modal_content {
- background: var(--color-bg) !important;
-
- .screenshot_popup_modal_footer {
- height: 32px;
-
- .previous,
- .next {
- border: 2px solid var(--color-text) !important;
- border-radius: var(--border-radius) !important;
-
- &:hover {
- background: var(--color-text) !important;
- color: var(--color-black) !important;
-
- > span {
- color: var(--color-black) !important;
- }
- }
- }
- }
- }
-}
-
-/* Global Styles */
-.GreenEnvelopeMenu {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- z-index: var(--z-index-notifications);
-}
-
-#global_hover {
- .hover_box {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-
- #global_hover_content {
- .hover_title {
- color: var(--color-primary) !important;
- }
-
- .hover_body {
- .hover_details_block,
- .hover_categories,
- .hover_details_block_full,
- .hover_review_summary {
- background: none !important;
- }
-
- .hover_tag_row {
- height: 23px;
-
- .app_tag {
- background: none !important;
- border: 1px solid var(--color-primary) !important;
- border-image: var(--gradient) 1 !important;
- border-radius: var(--border-radius) !important;
- }
- }
- }
- }
- }
-
- .hover_arrow_left,
- .hover_arrow_right {
- display: none !important;
- }
-}
-
-[data-featuretarget="deck-verified-results"] {
- a {
- background: var(--gradient) !important;
- color: var(--color-text) !important;
-
- &:hover {
- background: var(--gradient-reverse) !important;
- }
- }
-}
-
-.home_cluster_ctn {
- background: transparent !important;
-}
-
-.home_page_gutter {
- .gutter_header {
- color: var(--color-primary);
- }
-
- .gutter_item {
- color: var(--color-text);
- }
-}
-
-.home_marketing_message {
- background: var(--transparent-background-darker) !important;
-}
-
-.content_hub_capsule_ctn {
- .label {
- background-color: var(--transparent-background);
- color: var(--color-text) !important;
- }
-}
-
-.store_capsule {
- background: var(--transparent-background-dark) !important;
-
- .recommended_creators_container {
- background: none !important;
- }
-
- .friends_container {
- background: var(--transparent-background-dark) !important;
- }
-
- .dailydeal_desc {
- color: var(--color-text);
- }
-}
-
-.store_tooltip {
- background: var(--color-bg) !important;
- color: var(--color-text) !important;
-}
-
-.big_button {
- color: var(--color-text) !important;
-}
-
-.btnv6_lightblue_blue {
- background: transparent !important;
- border: 2px solid var(--color-primary) !important;
-
- &:hover {
- background: var(--color-primary) !important;
- }
-}
-
-.broadcast_live_stream_icon {
- background-color: var(--color-bg) !important;
-}
-
-.ds_flag {
- &.ds_owned_flag {
- background-color: var(--color-primary) !important;
- }
-
- &.ds_completetheset {
- background-color: var(--color-green) !important;
- }
-
- &.ds_wishlist_flag {
- background-color: var(--color-orange) !important;
- }
-}
-
-.ds_options > div {
- background-color: var(--color-bg) !important;
-}
-
-.ds_options_tooltip {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- padding: 0;
-
- .option {
- position: relative;
-
- &:hover {
- background: var(--color-bg) !important;
-
- &::before {
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- display: block;
- width: 2px;
- height: 100%;
- background: var(--color-primary) !important;
- }
- }
- }
-}
-
-.tab_container {
- background: none !important;
-
- .tab_content_items {
- .tab_item {
- .tab_item_content {
- .tab_item_top_tags {
- color: var(--color-text-alt);
- }
- }
-
- .release_date,
- .discount_original_price {
- color: var(--color-text-alt) !important;
- }
-
- &.focus {
- background: var(--color-bg) !important;
-
- .tab_item_name {
- color: var(--color-text) !important;
- }
-
- .platform_img {
- &.win {
- background-image: url("/public/images/v6/icon_platform_win.png?v=3");
- }
- &.mac {
- background-image: url("/public/images/v6/icon_platform_mac.png?v=3");
- }
- &.linux {
- background-image: url("/public/images/v6/icon_platform_linux.png?v=3");
- }
- }
-
- .discount_final_price {
- color: var(--steam-color-green);
- }
- }
- }
- }
-
- #tab_preview_container {
- background: var(--color-bg) !important;
-
- .tab_preview {
- h2 {
- color: var(--color-text) !important;
- }
- }
- }
-}
diff --git a/styles/websites/wikipedia.css b/styles/websites/wikipedia.css deleted file mode 100644 index 9b550dd..0000000 --- a/styles/websites/wikipedia.css +++ /dev/null @@ -1,85 +0,0 @@ -@media screen { - html.skin-theme-clientpref-night { - --background-color-base: none; - --background-color-neutral: none; - --background-color-neutral-subtle: none; - --background-color-interactive-subtle: rgba(0, 0, 0, 0.2); - } -} -table { - border-radius: 16px; -} -td { - background: rgba(0, 0, 0, 0.1) !important; -} -body, -html { - background: none !important; - color: var(--color-text); - font-family: Ginto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important; - text-align: justify; -} -h1, -h2, -h3, -h4, -h5, -h6 { - color: var(--color-text); -} -.mw-page-container { - background: none; -} -.infobox, -.hatnote { - border-radius: 12px; -} -.vector-dropdown-content { - backdrop-filter: blur(12px) !important; - background-color: rgba(0, 0, 0, 0.5) !important; - color: var(--color-text) !important; - text-decoration: none !important; -} -.vector-pinned-container { - background-color: rgba(0, 0, 0, 0.1); - border-radius: 12px; -} -.cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, -.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { - color: var(--color-text); - text-decoration: none; - background: rgba(0, 0, 0, 0.1); - border-radius: 16px; -} -.vector-icon[class*="-progressive"] { - background-color: var(--color-text); -} -.vector-menu-tabs .mw-list-item.selected a, -a:where(:not([role="button"])) { - color: var(--color-text) !important; -} - -.vector-pinnable-header-toggle-button { - content: "X" !important; - border-radius: 16px; - margin-top: 5px; - height: 23px; - color: var(--color-text); - background: none; - right: 10px; - position: absolute; -} -.mwe-popups-containers::after { - background: rgba(0, 0, 0, 1) !important; - backdrop-filter: blur(100px); -} -.infobox-subbox { - font-family: consolas; -} -.uls-menu, -.uls-lcd { - background: rgba(0, 0, 0, 0.3); - backdrop-filter: blur(64px) !important; - -webkit-backdrop-filter: blur(5px); - color: var(--color-text); -} diff --git a/styles/websites/wuwatracker.css b/styles/websites/wuwatracker.css deleted file mode 100644 index 7907a8f..0000000 --- a/styles/websites/wuwatracker.css +++ /dev/null @@ -1,81 +0,0 @@ -@import url("../global/base.css");
-
-[style*="background-color:"] {
- backdrop-filter: var(--backdrop-filter);
- border: 1px solid rgb(from var(--color-text) r g b / 0.1) !important;
-
- &:hover {
- background-color: rgb(from var(--color-primary) r g b / 0.5) !important;
- }
-}
-
-.bg-destructive {
- background: hsl(var(--destructive)) !important;
-}
-
-.bg-success {
- background: hsl(var(--success)) !important;
-}
-
-.bg-warning {
- background: hsl(var(--warning)) !important;
-}
-
-.bg-card,
-.bg-background {
- background: var(--transparent-background) !important;
-
- &[role="dialog"] {
- background: var(--color-bg) !important;
- border: 1px solid rgb(from var(--color-text) r g b / 0.1) !important;
- }
-}
-
-.bg-black\/80 {
- background: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-.bg-popover {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-.bg-foreground {
- background: hsl(var(--foreground)) !important;
-}
-
-.bg-foreground\/50 {
- background: hsl(var(--foreground) / 0.5) !important;
-}
-
-.text-three-star-dark {
- color: hsl(var(--three-star)) !important;
-}
-
-.text-four-star-dark {
- color: hsl(var(--four-star)) !important;
-}
-
-.text-five-star-dark {
- color: hsl(var(--five-star)) !important;
-}
-
-.sidebar {
- background: var(--transparent-background-dark) !important;
-}
-
-button[type="submit"] {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- background-color: transparent !important;
- border: 2px solid var(--color-primary) !important;
- border-radius: var(--border-radius);
- color: var(--color-primary) !important;
- font-weight: 500;
-
- * {
- color: var(--color-primary) !important;
- }
-}
diff --git a/styles/websites/youtube.css b/styles/websites/youtube.css deleted file mode 100644 index 568e425..0000000 --- a/styles/websites/youtube.css +++ /dev/null @@ -1,165 +0,0 @@ -@import url("../global/base.css");
-
-:root {
- --main-background: transparent !important;
- --yt-spec-base-background: transparent !important;
- --second-background: transparent !important;
-}
-
-html[dark] {
- background: transparent !important;
-}
-
-#masthead-container {
- background: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
-}
-
-#home-chips,
-#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
- position: static;
-
- yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected],
- yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
- background: none !important;
-
- #chip-container.yt-chip-cloud-chip-renderer {
- background: var(--color-bg) !important;
- outline: 1px solid var(--color-primary);
- outline-offset: -1px;
- }
- }
-}
-
-a#thumbnail {
- background: var(--transparent-background) !important;
-}
-
-#efyt-background {
- background: var(--color-bg) !important;
-}
-
-.ytSearchboxComponentInputBox {
- background: var(--color-bg) !important;
-}
-
-.ytSearchboxComponentSearchButton {
- background: black !important;
-
- &:hover {
- background: var(--color-primary) !important;
- }
-}
-
-.ytSearchboxComponentSuggestionsContainer {
- background: var(--color-bg) !important;
- top: 48px;
- border-radius: 0;
- border-bottom-left-radius: var(--border-radius);
- border-bottom-right-radius: var(--border-radius);
-
- .ytSuggestionComponentSuggestion:hover {
- background: var(--transparent-primary) !important;
- cursor: pointer;
-
- .ytSuggestionComponentText {
- cursor: pointer;
- }
- }
-}
-
-.ytp-popup.ytp-contextmenu,
-.ytd-popup-container {
- background-color: var(--transparent-background-dark) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
-
- .ytp-menuitem,
- .ytd-menu-service-item-renderer {
- &:hover {
- background-color: var(--color-bg) !important;
- }
- }
-
- ytd-menu-service-item-renderer:hover {
- background: none !important;
- }
-}
-
-#contents .ytd-rich-grid-renderer:has(.ytwFeedAdMetadataViewModelHostIsClickableAdComponent),
-#contents .ytd-rich-grid-renderer:has(.ytd-in-feed-ad-layout-renderer) {
- display: none !important;
-}
-
-/* Youtube Player (incl. embeds) */
-#player,
-#player-container {
- #cinematics.ytd-watch-flexy {
- /* Disable ambient mode */
- display: none !important;
- }
-
- .ytp-popup,
- .ytp-tooltip {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: var(--border-radius);
- }
-
- .ytp-title-channel {
- &.ytp-title-expanded {
- background-color: var(--transparent-background-darker) !important;
- backdrop-filter: var(--backdrop-blur);
- border-radius: 25px;
- }
- }
-
- .ytp-title-link {
- color: var(--color-white) !important;
- }
-
- .ytp-progress-bar-container {
- .ytp-progress-list {
- background-color: rgb(from var(--color-white) r g b / 0.25) !important;
-
- .ytp-play-progress {
- background-color: var(--color-primary) !important;
- }
-
- .ytp-load-progress,
- .ytp-hover-progress {
- background-color: rgb(from var(--color-white) r g b / 0.5) !important;
- }
- }
-
- .ytp-scrubber-button {
- background-color: var(--color-primary) !important;
- }
- }
-
- .ytp-volume-area {
- .ytp-volume-slider-handle {
- background-color: var(--color-white) !important;
-
- &::before {
- background-color: var(--color-white) !important;
- }
-
- &::after {
- background-color: rgb(from var(--color-white) r g b / 0.25) !important;
- }
- }
- }
-
- .ytp-settings-button.ytp-hd-quality-badge,
- .ytp-settings-button.ytp-hdr-quality-badge,
- .ytp-settings-button.ytp-4k-quality-badge,
- .ytp-settings-button.ytp-5k-quality-badge,
- .ytp-settings-button.ytp-8k-quality-badge,
- .ytp-settings-button.ytp-3d-badge-grey,
- .ytp-settings-button.ytp-3d-badge {
- &::after {
- background-color: var(--color-red) !important;
- }
- }
-}
|