Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
31 commits
Select commit Hold shift + click to select a range
0979569
Create fiedback.de.css
LeonardFiedrowicz Aug 21, 2025
6d8996d
Update fiedback.de.css
LeonardFiedrowicz Aug 21, 2025
8e46d6e
gh-actions: format code
LeonardFiedrowicz Aug 21, 2025
7549324
Update styles.json
github-actions[bot] Aug 21, 2025
3083401
Fixes several smaller issues, adjusted theming for Nextcloud Music app
LeonardFiedrowicz Aug 25, 2025
d20952a
gh-actions: format code
LeonardFiedrowicz Aug 25, 2025
58d4cb9
Update styles.json
github-actions[bot] Aug 25, 2025
ea1fe04
Update fiedback.de.css
LeonardFiedrowicz Aug 25, 2025
9b6cf7e
Merge branch 'main' of https://github.com/LeonardFiedrowicz/my-internet
LeonardFiedrowicz Aug 25, 2025
839e80b
gh-actions: format code
LeonardFiedrowicz Aug 25, 2025
bb96fbd
Update styles.json
github-actions[bot] Aug 25, 2025
f172918
Fixed popup menu carret/arrow
LeonardFiedrowicz Aug 26, 2025
49dba4d
gh-actions: format code
LeonardFiedrowicz Aug 26, 2025
ee58417
Update styles.json
github-actions[bot] Aug 26, 2025
60fff18
Fixed memories app popup.
LeonardFiedrowicz Aug 26, 2025
3172366
Update styles.json
github-actions[bot] Aug 26, 2025
dc9b1b1
Merge branch 'sameerasw:main' into main
LeonardFiedrowicz Sep 8, 2025
f9a3dc6
Added transparency to file list border, calendar border
LeonardFiedrowicz Sep 12, 2025
800bd0c
Update fiedback.de.css
LeonardFiedrowicz Sep 12, 2025
2b7960c
gh-actions: format code
LeonardFiedrowicz Sep 12, 2025
ca21788
Update styles.json
github-actions[bot] Sep 12, 2025
2c63edb
Merge branch 'sameerasw:main' into main
LeonardFiedrowicz Sep 18, 2025
c62b906
Changed filename for general Nextcloud instances
LeonardFiedrowicz Sep 18, 2025
586053e
Update styles.json
github-actions[bot] Sep 18, 2025
ef5c3ce
Create fiedback.de.css
LeonardFiedrowicz Sep 19, 2025
cfb482b
Update styles.json
github-actions[bot] Sep 19, 2025
49b271c
Merge branch 'sameerasw:main' into main
LeonardFiedrowicz Sep 29, 2025
a874c31
Minor change to pop-up menus
LeonardFiedrowicz Sep 29, 2025
d2f1185
Update styles.json
github-actions[bot] Sep 29, 2025
b4af9d8
Added login screen adjustment
LeonardFiedrowicz Sep 29, 2025
0339e46
Update styles.json
github-actions[bot] Sep 29, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions styles.json
Original file line number Diff line number Diff line change
Expand Up @@ -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}"
Expand Down Expand Up @@ -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}"
Expand Down
138 changes: 138 additions & 0 deletions websites/fiedback.de.css
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is it intentional that you have your personal website in here?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, that wasn't intentional. I wouldn't mind keeping it in, although that makes testing the style transfer harder.

Original file line number Diff line number Diff line change
@@ -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;
}
138 changes: 138 additions & 0 deletions websites/nextcloud.localhost.css
Original file line number Diff line number Diff line change
@@ -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;
}