diff --git a/styles.json b/styles.json index e851576a..82cdee65 100644 --- a/styles.json +++ b/styles.json @@ -1202,6 +1202,9 @@ "feedly-Transparency": "html, body, nav, header, .FeedlyChrome, #feedlyFrame, #headerBarFX, .TopHeaderBar, .LeftnavEmptySpace {\n background-color: transparent !important;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n transition:\n background-color 0.5s ease-in-out,\n background 0.5s ease-in-out,\n border 0.5s ease-in-out,\n box-shadow 0.5s ease-in-out !important;\n}", "feedly-No thanks": ".TZCVJGAQJfvz8bV8MrrA {\n display: none !important;\n}" }, + "fiedback.de.css": { + "transparency": "html, body, .app-navigation, .content-list__search, .text-menubar, .text-menubar--ready, .app-content.no-snapper, .header /* @ header of tasks app*/ {\n background: none !important;\n --color-main-background: transparent !important;\n --color-main-background-blur: transparent !important;\n --color-border: rgba(125, 125, 125, 0.1) !important;\n}\n.v-popper__inner, .modal-container, .account-menu__list, .notification-container, .contactsmenu__menu, .input-field__label, .memories-top-bar, .login-box {\n background: rgba(23, 23, 23, 0.9) !important;\n background-color: rgba(23, 23, 23, 0.9) !important;\n border-radius: 12px !important;\n}\n.header-menu__carret, .v-popper__arrow-container {\n border-bottom-color: rgba(23, 23, 23, 0.9) !important;\n}\n.files-list__table {\n --color-border: transparent !important;\n}\n.fc-day, .frontmatter /* @ markdown properties header in notes*/ {\n --color-main-background: rgba(23, 23, 23, 0.5) !important;\n --color-background-dark: rgba(23, 23, 23, 0.15) !important;\n --fc-neutral-bg-color: transparent !important;\n}\n.content.app-calendar div.app-navigation div.app-navigation-toggle-wrapper {\n background: rgba(23, 23, 23, 0.5) !important ;\n border-radius: 10px !important;\n}\n.task-list {\n --color-main-background: rgba(23, 23, 23, 0.2) !important;\n}\naside#app-sidebar-vue.app-sidebar.app-sidebar--full {\n --color-main-background: rgb(35, 37, 45);\n}\n.sm2-bar-ui {\n --color-main-background: rgba(23, 23, 23, 0.5) !important;\n --color-background-dark: rgba(23, 23, 23, 0.15) !important;\n border-radius: 12px !important;\n}\n.songcontainer {\n background-color: rgba(32, 32, 32, 1) !important;\n color: rgb(255, 255, 255) !important;\n}\n.songcontainer > div > h2 /* @ audio-player app open album title */ {\n color: rgb(255, 255, 255) !important;\n}\n#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider {\n background: rgba(23, 23, 23, 0.2) !important;\n border-radius: 100px !important;\n padding-left: 10px !important;\n padding-right: 10px !important;\n}\n#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider::-moz-range-thumb {\n background: rgba(32, 32, 32, 1) !important;\n}\n#controls.started {\n background: rgba(32, 32, 32, 0.2) !important;\n backdrop-filter: blur(10px) !important;\n border-radius: 1em !important;\n box-shadow: #00000040 0 0 20px !important;\n}\n#controls.started div.song-info.clickable span.title, span.artist {\n text-shadow:\n 1px 1px 2px rgba(23, 23, 23, 0.5),\n -1px 1px 2px rgba(23, 23, 23, 0.5),\n -1px -1px 2px rgba(23, 23, 23, 0.5),\n 1px -1px 2px rgba(23, 23, 23, 0.5);\n}\n.popovermenu {\n background-color: rgba(32, 32, 32, 0.8) !important;\n}\n#controls .volume-control input[type=\"range\"] {\n background: rgba(255, 255, 255, 0.5) !important;\n height: 7px !important;\n width: 47px !important;\n left: 31px !important;\n top: 28px !important;\n border-radius: 4px;\n}\n.album-area.highlight, .artist-area.highlight {\n background-color: rgba(23, 23, 23, 0.2) !important;\n border-radius: 20px !important;\n}" + }, "figma.com.css": { "figma-transparency": "html, body, .objects_panel_container--container--jBz9j, .sidebar--navDefault--pYuzm, #left-panel-container > div, [data-testid=\"layer-row-with-children\"], .x1n5zjp5, [aria-label=\"Right sidebar\"] > div, [aria-label=\"Left sidebar\"] > div, .properties_panel--propertiesPanel--BQ7Lw, #fullscreen-root .gpu-view-content canvas {\n background-color: transparent !important;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n transition:\n background-color 0.5s ease-in-out,\n background 0.5s ease-in-out,\n border 0.5s ease-in-out,\n box-shadow 0.5s ease-in-out !important;\n}\n:root, [data-preferred-theme=\"dark\"], [data-preferred-theme=\"light\"] {\n --color-border: transparent !important;\n}", "figma-overlay fix": ".toolbelt--root--jwHGa {\n background-color: var(--color-bg-secondary) !important;\n}" @@ -1954,6 +1957,9 @@ "news.ycombinator.com.css": { "ycom-transparency": ":root {\n --darkreader-background-ffffff: transparent !important;\n}\ntable {\n background-color: transparent !important;\n}" }, + "nextcloud.localhost.css": { + "nc-transparency": "html, body, .app-navigation, .content-list__search, .text-menubar, .text-menubar--ready, .app-content.no-snapper, .header /* @ header of tasks app*/ {\n background: none !important;\n --color-main-background: transparent !important;\n --color-main-background-blur: transparent !important;\n --color-border: rgba(125, 125, 125, 0.1) !important;\n}\n.v-popper__inner, .modal-container, .account-menu__list, .notification-container, .contactsmenu__menu, .input-field__label, .memories-top-bar, .login-box {\n background: rgba(23, 23, 23, 0.9) !important;\n background-color: rgba(23, 23, 23, 0.9) !important;\n border-radius: 12px !important;\n}\n.header-menu__carret, .v-popper__arrow-container {\n border-bottom-color: rgba(23, 23, 23, 0.9) !important;\n}\n.files-list__table {\n --color-border: transparent !important;\n}\n.fc-day, .frontmatter /* @ markdown properties header in notes*/ {\n --color-main-background: rgba(23, 23, 23, 0.5) !important;\n --color-background-dark: rgba(23, 23, 23, 0.15) !important;\n --fc-neutral-bg-color: transparent !important;\n}\n.content.app-calendar div.app-navigation div.app-navigation-toggle-wrapper {\n background: rgba(23, 23, 23, 0.5) !important ;\n border-radius: 10px !important;\n}\n.task-list {\n --color-main-background: rgba(23, 23, 23, 0.2) !important;\n}\naside#app-sidebar-vue.app-sidebar.app-sidebar--full {\n --color-main-background: rgb(35, 37, 45);\n}\n.sm2-bar-ui {\n --color-main-background: rgba(23, 23, 23, 0.5) !important;\n --color-background-dark: rgba(23, 23, 23, 0.15) !important;\n border-radius: 12px !important;\n}\n.songcontainer {\n background-color: rgba(32, 32, 32, 1) !important;\n color: rgb(255, 255, 255) !important;\n}\n.songcontainer > div > h2 /* @ audio-player app open album title */ {\n color: rgb(255, 255, 255) !important;\n}\n#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider {\n background: rgba(23, 23, 23, 0.2) !important;\n border-radius: 100px !important;\n padding-left: 10px !important;\n padding-right: 10px !important;\n}\n#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider::-moz-range-thumb {\n background: rgba(32, 32, 32, 1) !important;\n}\n#controls.started {\n background: rgba(32, 32, 32, 0.2) !important;\n backdrop-filter: blur(10px) !important;\n border-radius: 1em !important;\n box-shadow: #00000040 0 0 20px !important;\n}\n#controls.started div.song-info.clickable span.title, span.artist {\n text-shadow:\n 1px 1px 2px rgba(23, 23, 23, 0.5),\n -1px 1px 2px rgba(23, 23, 23, 0.5),\n -1px -1px 2px rgba(23, 23, 23, 0.5),\n 1px -1px 2px rgba(23, 23, 23, 0.5);\n}\n.popovermenu {\n background-color: rgba(32, 32, 32, 0.8) !important;\n}\n#controls .volume-control input[type=\"range\"] {\n background: rgba(255, 255, 255, 0.5) !important;\n height: 7px !important;\n width: 47px !important;\n left: 31px !important;\n top: 28px !important;\n border-radius: 4px;\n}\n.album-area.highlight, .artist-area.highlight {\n background-color: rgba(23, 23, 23, 0.2) !important;\n border-radius: 20px !important;\n}" + }, "nexusmods.com.css": { "nexusmods-transparency": "html, body, nav, header, header > div, ::before, .home-intro, .collections-banner-wrapper, .static .wrap, .modtabs, .to-surface-base, section > div, .info-details, .tabcontent {\n background-color: transparent !important;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n}\n#mainContent > .relative > div img.w-screen {\n display: none !important;\n}", "no footer": "footer {\n display: none !important;\n}" diff --git a/websites/fiedback.de.css b/websites/fiedback.de.css new file mode 100644 index 00000000..fb2c9f0f --- /dev/null +++ b/websites/fiedback.de.css @@ -0,0 +1,138 @@ +/* transparency */ +html, body, +.app-navigation, /* @ sidebar in files */ +.content-list__search, .text-menubar, .text-menubar--ready, +.app-content.no-snapper, /* @ body of tasks app*/ +.header /* @ header of tasks app*/ { + background: none !important; + --color-main-background: transparent !important; + + /* @ sidebar for music app */ + --color-main-background-blur: transparent !important; + + /* @ border color for calendar, maybe change to be more selective */ + --color-border: rgba(125, 125, 125, 0.1) !important; +} + +/* @ popup menus, right-click, contacts, notifications, settings */ +.v-popper__inner, /* @ memories app */ +.modal-container, +.account-menu__list, +.notification-container, +.contactsmenu__menu, +.input-field__label, +.memories-top-bar, +.login-box { + background: rgba(23, 23, 23, 0.9) !important; + background-color: rgba(23, 23, 23, 0.9) !important; + border-radius: 12px !important; +} + +/* @ popup menu carret */ +.header-menu__carret, +.v-popper__arrow-container { + border-bottom-color: rgba(23, 23, 23, 0.9) !important; +} + +/* @ files table border */ +.files-list__table { + --color-border: transparent !important; +} + +/* @ darker area of calender, */ +.fc-day, +.frontmatter /* @ markdown properties header in notes*/ { + --color-main-background: rgba(23, 23, 23, 0.5) !important; + --color-background-dark: rgba(23, 23, 23, 0.15) !important; + + /* @ background for calendar yearly view days outside of month */ + --fc-neutral-bg-color: transparent !important; +} + +/* @ calendar menu toggle button */ +.content.app-calendar div.app-navigation div.app-navigation-toggle-wrapper { + background: rgba(23, 23, 23, 0.5) !important ; + border-radius: 10px !important; +} + +/* @ tasks transparency */ +.task-list { + --color-main-background: rgba(23, 23, 23, 0.2) !important; + /* background: rgba(23,23,23, 0.4) !important; */ +} + +/* @ memories app sidebar solid color */ +aside#app-sidebar-vue.app-sidebar.app-sidebar--full { + --color-main-background: rgb(35, 37, 45); +} + +/* @ music app header */ +.sm2-bar-ui { + --color-main-background: rgba(23, 23, 23, 0.5) !important; + --color-background-dark: rgba(23, 23, 23, 0.15) !important; + border-radius: 12px !important; +} + +/* @ audio-player app open album */ +.songcontainer { + background-color: rgba(32, 32, 32, 1) !important; + color: rgb(255, 255, 255) !important; +} + +.songcontainer > div > h2 /* @ audio-player app open album title */ { + color: rgb(255, 255, 255) !important; +} +/* @ audio-player volume slider */ +#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider { + background: rgba(23, 23, 23, 0.2) !important; + border-radius: 100px !important; + padding-left: 10px !important; + padding-right: 10px !important; +} + +/* @ audio-player volume slider knob */ +#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider::-moz-range-thumb { + background: rgba(32, 32, 32, 1) !important; +} + +/* @ music app top bar and volume slider */ +#controls.started { + background: rgba(32, 32, 32, 0.2) !important; + backdrop-filter: blur(10px) !important; + border-radius: 1em !important; + box-shadow: #00000040 0 0 20px !important; +} + +/* @ add outline to artist and album text */ +#controls.started div.song-info.clickable span.title, +span.artist { + text-shadow: + 1px 1px 2px rgba(23, 23, 23, 0.5), + -1px 1px 2px rgba(23, 23, 23, 0.5), + -1px -1px 2px rgba(23, 23, 23, 0.5), + 1px -1px 2px rgba(23, 23, 23, 0.5); +} + +/* @ music app: add background to popups */ +.popovermenu { + background-color: rgba(32, 32, 32, 0.8) !important; +} + +/* @ music app: adjust volume slider style */ +#controls .volume-control input[type="range"] { + background: rgba(255, 255, 255, 0.5) !important; + + /* @ move the slider around a bit */ + height: 7px !important; + width: 47px !important; + left: 31px !important; + top: 28px !important; + border-radius: 4px; +} + +/* @ music app album and artist highlight background */ +.album-area.highlight, +.artist-area.highlight { + background-color: rgba(23, 23, 23, 0.2) !important; + border-radius: 20px !important; +} diff --git a/websites/nextcloud.localhost.css b/websites/nextcloud.localhost.css new file mode 100644 index 00000000..afe1d5f5 --- /dev/null +++ b/websites/nextcloud.localhost.css @@ -0,0 +1,138 @@ +/* nc-transparency */ +html, body, +.app-navigation, /* @ sidebar in files */ +.content-list__search, .text-menubar, .text-menubar--ready, +.app-content.no-snapper, /* @ body of tasks app*/ +.header /* @ header of tasks app*/ { + background: none !important; + --color-main-background: transparent !important; + + /* @ sidebar for music app */ + --color-main-background-blur: transparent !important; + + /* @ border color for calendar, maybe change to be more selective */ + --color-border: rgba(125, 125, 125, 0.1) !important; +} + +/* @ popup menus, right-click, contacts, notifications, settings */ +.v-popper__inner, /* @ memories app */ +.modal-container, +.account-menu__list, +.notification-container, +.contactsmenu__menu, +.input-field__label, +.memories-top-bar, +.login-box { + background: rgba(23, 23, 23, 0.9) !important; + background-color: rgba(23, 23, 23, 0.9) !important; + border-radius: 12px !important; +} + +/* @ popup menu carret */ +.header-menu__carret, +.v-popper__arrow-container { + border-bottom-color: rgba(23, 23, 23, 0.9) !important; +} + +/* @ files table border */ +.files-list__table { + --color-border: transparent !important; +} + +/* @ darker area of calender, */ +.fc-day, +.frontmatter /* @ markdown properties header in notes*/ { + --color-main-background: rgba(23, 23, 23, 0.5) !important; + --color-background-dark: rgba(23, 23, 23, 0.15) !important; + + /* @ background for calendar yearly view days outside of month */ + --fc-neutral-bg-color: transparent !important; +} + +/* @ calendar menu toggle button */ +.content.app-calendar div.app-navigation div.app-navigation-toggle-wrapper { + background: rgba(23, 23, 23, 0.5) !important ; + border-radius: 10px !important; +} + +/* @ tasks transparency */ +.task-list { + --color-main-background: rgba(23, 23, 23, 0.2) !important; + /* background: rgba(23,23,23, 0.4) !important; */ +} + +/* @ memories app sidebar solid color */ +aside#app-sidebar-vue.app-sidebar.app-sidebar--full { + --color-main-background: rgb(35, 37, 45); +} + +/* @ music app header */ +.sm2-bar-ui { + --color-main-background: rgba(23, 23, 23, 0.5) !important; + --color-background-dark: rgba(23, 23, 23, 0.15) !important; + border-radius: 12px !important; +} + +/* @ audio-player app open album */ +.songcontainer { + background-color: rgba(32, 32, 32, 1) !important; + color: rgb(255, 255, 255) !important; +} + +.songcontainer > div > h2 /* @ audio-player app open album title */ { + color: rgb(255, 255, 255) !important; +} +/* @ audio-player volume slider */ +#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider { + background: rgba(23, 23, 23, 0.2) !important; + border-radius: 100px !important; + padding-left: 10px !important; + padding-right: 10px !important; +} + +/* @ audio-player volume slider knob */ +#playerVolume.sm2-button-bd.sm2-inline-button.volume-slider::-moz-range-thumb { + background: rgba(32, 32, 32, 1) !important; +} + +/* @ music app top bar and volume slider */ +#controls.started { + background: rgba(32, 32, 32, 0.2) !important; + backdrop-filter: blur(10px) !important; + border-radius: 1em !important; + box-shadow: #00000040 0 0 20px !important; +} + +/* @ add outline to artist and album text */ +#controls.started div.song-info.clickable span.title, +span.artist { + text-shadow: + 1px 1px 2px rgba(23, 23, 23, 0.5), + -1px 1px 2px rgba(23, 23, 23, 0.5), + -1px -1px 2px rgba(23, 23, 23, 0.5), + 1px -1px 2px rgba(23, 23, 23, 0.5); +} + +/* @ music app: add background to popups */ +.popovermenu { + background-color: rgba(32, 32, 32, 0.8) !important; +} + +/* @ music app: adjust volume slider style */ +#controls .volume-control input[type="range"] { + background: rgba(255, 255, 255, 0.5) !important; + + /* @ move the slider around a bit */ + height: 7px !important; + width: 47px !important; + left: 31px !important; + top: 28px !important; + border-radius: 4px; +} + +/* @ music app album and artist highlight background */ +.album-area.highlight, +.artist-area.highlight { + background-color: rgba(23, 23, 23, 0.2) !important; + border-radius: 20px !important; +}