From e36e4ce96399db97f80c8833fa6ef2982a249e51 Mon Sep 17 00:00:00 2001 From: sameerasw Date: Tue, 25 Feb 2025 13:58:42 +0530 Subject: initial zeninternet commit - remote css loading from repository - for github.com only --- styles/websites/ChatGPT.css | 14 - styles/websites/amazon.css | 256 --------------- styles/websites/bing.css | 237 -------------- styles/websites/chess.css | 9 - styles/websites/copilot.microsoft.css | 10 - styles/websites/ddl-warez.css | 318 ------------------ styles/websites/duckduckgo.css | 196 ----------- styles/websites/epicgames.css | 108 ------ styles/websites/github.css | 97 ------ styles/websites/gog.css | 16 - styles/websites/google.css | 93 ------ styles/websites/kinguin.css | 39 --- styles/websites/kryptex.css | 236 -------------- styles/websites/leetcode.css | 11 - styles/websites/lieferando.css | 67 ---- styles/websites/mail.proton.css | 106 ------ styles/websites/nexusmods.css | 152 --------- styles/websites/programiz.css | 12 - styles/websites/proton.css | 65 ---- styles/websites/reddit.css | 122 ------- styles/websites/steam.css | 597 ---------------------------------- styles/websites/wikipedia.css | 85 ----- styles/websites/wuwatracker.css | 81 ----- styles/websites/youtube.css | 165 ---------- 24 files changed, 3092 deletions(-) delete mode 100644 styles/websites/ChatGPT.css delete mode 100644 styles/websites/amazon.css delete mode 100644 styles/websites/bing.css delete mode 100644 styles/websites/chess.css delete mode 100644 styles/websites/copilot.microsoft.css delete mode 100644 styles/websites/ddl-warez.css delete mode 100644 styles/websites/duckduckgo.css delete mode 100644 styles/websites/epicgames.css delete mode 100644 styles/websites/github.css delete mode 100644 styles/websites/gog.css delete mode 100644 styles/websites/google.css delete mode 100644 styles/websites/kinguin.css delete mode 100644 styles/websites/kryptex.css delete mode 100644 styles/websites/leetcode.css delete mode 100644 styles/websites/lieferando.css delete mode 100644 styles/websites/mail.proton.css delete mode 100644 styles/websites/nexusmods.css delete mode 100644 styles/websites/programiz.css delete mode 100644 styles/websites/proton.css delete mode 100644 styles/websites/reddit.css delete mode 100644 styles/websites/steam.css delete mode 100644 styles/websites/wikipedia.css delete mode 100644 styles/websites/wuwatracker.css delete mode 100644 styles/websites/youtube.css (limited to 'styles/websites') 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; - } - } -} -- cgit v1.2.3