diff --git a/plugins/style/style.js b/plugins/style/style.js index 1c0983b..e3eeda7 100644 --- a/plugins/style/style.js +++ b/plugins/style/style.js @@ -1,97 +1,178 @@ // Inspired by the Stylus app: +// Main part of the code: switch on the domain and select the corresponding style var styles = null; +switch (document.domain) { + case "forum.effectivealtruism.org": + styles = ` + /* + .Layout-main { + margin-left: 100px; + } + .SingleColumnSection-root { + width: 1000px !important; + max-width: 1400px !important; + padding-left: 100px !important; + } + .NavigationStandalone-sidebar { + display: none; + } + .intercom-lightweight-app{ + display: none; + } + */ + `; + break; + case "nationstates.net": + styles = ` + .adidentifier { + display: none; + } + `; + break; + case "mail.proton.me": + styles = ` + /* + .item-container-row.read, .item-container.read { + background-color: white; + } + .item-container-row.unread, .item-container.unread { + background-color: #E8E8E8; + } + .selection .item-container-row.item-is-selected, .item-container.item-is-selected { + background-color: var(--selection-background-color) !important; + } + zoom: 0.625 !important; + */ + `; + break; + case "forum.nunosempere.com": + styles = ` + body { + zoom: 0.625 !important; + } + `; + break; + case "search.nunosempere.com": + styles = ` + /* + body { + zoom: 1.8; + } + */ -/* + footer { + display: none; + } + `; + break; + case "reddit.com": + // fallthrough + case "old.reddit.com": + styles = ` + /* kill sidebar ads */ + .ad-container, + a[href^="https://alb.reddit.com"] + a[href="/premium"], + [data-promoted^="true"], + #eu-cookie-policy, + .infobar-toaster-container, + .listingsignupbar, + .native-ad-container, + .native-sidebar-ad, + .premium-banner-outer, + { + display: none !important; + } + `; + break; + case "twitter.com": + styles = ` + /* hide promoted tweets */ + :has(meta[property="og:site_name"][content="Twitter"]) + [data-testid="cellInnerDiv"]:has(svg + [dir="auto"]) { + display: none; + } + [data-testid^="placementTracking"] { + display: none; + } -.class -#id + /* hide what's happening section */ + :has(meta[property="og:site_name"][content="Twitter"]) + [aria-label="Timeline: Trending now"] { + display: none !important; + } + [data-testid^="sidebarColumn"] { + display: none; + } -*/ + /* Hide DMs v2 */ + [data-testid^="DMDrawerHeader"] { + display: none; + } -if (document.domain == "forum.effectivealtruism.org") { - styles = ` - /* - .Layout-main { - margin-left: 100px; - } - .SingleColumnSection-root { - width: 1000px !important; - max-width: 1400px !important; - padding-left: 100px !important; - } - .NavigationStandalone-sidebar { - display: none; - } - .intercom-lightweight-app{ - display: none; - } - */ - `; -} + /* Tweak main column */ + [data-testid^="primaryColumn"] { + min-width: 900px; + max-width: 900px; + } + [data-testid^="cellInnerDiv"] { + min-width: 700px; + max-width: 700px; + } + [aria-label^="Timeline: Conversation"]{ + margin-left: 145px; + } + [data-testid^="DMDrawer"]{ + display: none; + } -if (document.domain == "nationstates.net") { - styles = ` - .adidentifier { - display: none; - } - `; -} + /* Delete a few unused or annoying elements */ + [aria-label^="Verified Orgs"] { + display: none; + } + [aria-label^="Lists"] { + display: none; + } + [aria-label^="Communities"] { + display: none; + } + [aria-label^="Primary"] { + margin-top: 50px; + } + [role^="progressbar"]{ + display: none; + } -if (document.domain == "mail.proton.me") { - styles = ` - /* - .item-container-row.read, .item-container.read { - background-color: white; - } - .item-container-row.unread, .item-container.unread { - background-color: #E8E8E8; - } - .selection .item-container-row.item-is-selected, .item-container.item-is-selected { - background-color: var(--selection-background-color) !important; - } - zoom: 0.625 !important; - */ - `; -} -if (document.domain == "forum.nunosempere.com") { - styles = ` - body { - zoom: 0.625 !important; - } - `; -} -if (document.domain == "search.nunosempere.com") { - styles = ` - /* - body { - zoom: 1.8; - } - */ + /* hide video */ + [data-testid^="videoPlayer"] { + display: none !important; + } - footer { - display: none; - } - `; -} + /* No change of colors in hover */ + *:hover { + /* background-color: white !important; */ + background-color: !important; + transition: none !important; + }*/ + /* + *:hover { + background-color: inherit !important; + transition: none !important; + }*/ + /* Hide go to top button */ + [aria-label^="New posts are available. Push the period key to go to the them."]{ + display: none; + } -if (document.domain == "reddit.com" || document.domain == "old.reddit.com") { - styles = ` - /* kill sidebar ads */ - .ad-container, - a[href^="https://alb.reddit.com"] - a[href="/premium"], - [data-promoted^="true"], - #eu-cookie-policy, - .infobar-toaster-container, - .listingsignupbar, - .native-ad-container, - .native-sidebar-ad, - .premium-banner-outer, - { - display: none !important; - } - `; + /* No transparency at the top */ + [aria-live^="polite"]{ + background: white !important; + } + `; + break; + default: + console.log("No custom style"); } if (styles != null) { @@ -101,95 +182,7 @@ if (styles != null) { console.log("Style changed"); } - -if (document.domain == "twitter.com") { - styles = ` - /* hide promoted tweets */ - :has(meta[property="og:site_name"][content="Twitter"]) - [data-testid="cellInnerDiv"]:has(svg + [dir="auto"]) { - display: none; - } - [data-testid^="placementTracking"] { - display: none; - } - - /* hide what's happening section */ - :has(meta[property="og:site_name"][content="Twitter"]) - [aria-label="Timeline: Trending now"] { - display: none !important; - } - [data-testid^="sidebarColumn"] { - display: none; - } - - /* Hide DMs v2 */ - [data-testid^="DMDrawerHeader"] { - display: none; - } - - /* Tweak main column */ - [data-testid^="primaryColumn"] { - min-width: 900px; - max-width: 900px; - } - [data-testid^="cellInnerDiv"] { - min-width: 700px; - max-width: 700px; - } - [aria-label^="Timeline: Conversation"]{ - margin-left: 145px; - } - [data-testid^="DMDrawer"]{ - display: none; - } - - /* Delete a few unused or annoying elements */ - [aria-label^="Verified Orgs"] { - display: none; - } - [aria-label^="Lists"] { - display: none; - } - [aria-label^="Communities"] { - display: none; - } - [aria-label^="Primary"] { - margin-top: 50px; - } - [role^="progressbar"]{ - display: none; - } - - /* hide video */ - [data-testid^="videoPlayer"] { - display: none !important; - } - - /* No change of colors in hover */ - *:hover { - /* background-color: white !important; */ - background-color: !important; - transition: none !important; - }*/ - /* - *:hover { - background-color: inherit !important; - transition: none !important; - }*/ - /* Hide go to top button */ - [aria-label^="New posts are available. Push the period key to go to the them."]{ - display: none; - } - - /* No transparency at the top */ - [aria-live^="polite"]{ - background: white !important; - } - `; - -} - -// Replace default alert with new function +// Extra: Replace default alert with new function // whose style can be changed! window.alert = (message) => { let alertDiv = document.getElementById("customAlert"); @@ -249,6 +242,7 @@ window.alert = (message) => { alertDiv.classList.add("visible"); }; +// Extra: hide video players on twitter if (document.domain == "twitter.com") { // Function to hide the grandparent of video players // takes 0.014ms to run, so performance is not the concern here.