diff --git a/misskey/tweaks/better-custom-wallpaper.css b/misskey/tweaks/better-custom-wallpaper.css new file mode 100644 index 0000000..30df4fc --- /dev/null +++ b/misskey/tweaks/better-custom-wallpaper.css @@ -0,0 +1,138 @@ +/*** BETTER CUSTOM WALLPAPER ***/ +.mk-app.wallpaper { + background: none !important; +} +.mk-app.wallpaper::before { + content: ""; + position: fixed; + inset: 0px; + background-color: var(--bg); + opacity: 0.85; + pointer-events: none; + z-index: -1; +} +.mk-app.wallpaper .sidebar { + z-index: 3; +} +.mk-app.wallpaper .sidebar .nav { + border-right-color: transparent; +} +.mk-app.wallpaper .contents { + background: none !important; +} +.mk-app.wallpaper main { + overflow: visible !important; + position: relative; + background: none !important; + border-color: transparent !important; + --bg: transparent; + --X17: transparent; +} +.mk-app.wallpaper main .tl { + overflow: visible; +} +.mk-app.wallpaper main .fdidabkb + div > div > div > div { + overflow: visible; + position: relative; + min-height: calc(100vh - 50px); + backdrop-filter: blur(10px); +} +.mk-app.wallpaper main .fdidabkb + div > div > div > div::before, +.mk-app.wallpaper main .fdidabkb + div > div > div > div::after { + content: ""; + position: absolute; + top: -9999px; + bottom: 0; + right: 100%; + left: -100vw; + background-color: rgba(0,0,0,0.2); + pointer-events: none !important; + z-index: -1; + box-shadow: 0 100vw 0 rgba(0,0,0,0.2); +} +.mk-app.wallpaper main .fdidabkb + div > div > div > div::after { + right: 0; + background: none; + box-shadow: 100vw 100vh 0 rgba(0,0,0,0.2); +} +.mk-app.wallpaper main .notes, +.mk-app.wallpaper main ._block, +.mk-app.wallpaper main ._card, +.mk-app.wallpaper main ._panel, +.mk-app.wallpaper main .elsfgstc, +.mk-app.wallpaper main .fcuexfpr, +.mk-app.wallpaper main .qtqtichx, +.mk-app.wallpaper main .narrow { + background: none !important; + border-radius: 0 !important; +} +.mk-app.wallpaper .widgets { + border: 0 !important; + background: none !important; +} +.mk-app.wallpaper .post { + background: none !important; +} +.mk-app.wallpaper .widgets .widget, +.mk-app.wallpaper div.tab, +.mk-app.wallpaper .widget header, +.mk-app.wallpaper .ukygtjoj > header { + background: none !important; +} +.mk-app.wallpaper .widgets .widget::before, +.mk-app.wallpaper div.tab::before, +.mk-app.wallpaper .widget header::before, +.mk-app.wallpaper .ukygtjoj > header::before, +.mk-app.wallpaper .widgets .widget header::before, +.mk-app.wallpaper div.tab header::before, +.mk-app.wallpaper .widget header header::before, +.mk-app.wallpaper .ukygtjoj > header header::before { + content: ""; + position: absolute; + inset: 0; + background: var(--panel); + opacity: 0.7 !important; + z-index: -1; + pointer-events: none; +} +.mk-app.wallpaper .widgets .widget::after, +.mk-app.wallpaper div.tab::after, +.mk-app.wallpaper .widget header::after, +.mk-app.wallpaper .ukygtjoj > header::after { + content: ""; + position: absolute; + inset: 0; + backdrop-filter: blur(10px); + z-index: -2; + pointer-events: none; +} +.mk-app.wallpaper .widgets .widget.tab, +.mk-app.wallpaper div.tab.tab, +.mk-app.wallpaper .widget header.tab, +.mk-app.wallpaper .ukygtjoj > header.tab { + padding-inline: 6px !important; +} +.mk-app.wallpaper .widgets .widget ._panel, +.mk-app.wallpaper div.tab ._panel, +.mk-app.wallpaper .widget header ._panel, +.mk-app.wallpaper .ukygtjoj > header ._panel, +.mk-app.wallpaper .widgets .widget .elsfgstc, +.mk-app.wallpaper div.tab .elsfgstc, +.mk-app.wallpaper .widget header .elsfgstc, +.mk-app.wallpaper .ukygtjoj > header .elsfgstc, +.mk-app.wallpaper .widgets .widget header, +.mk-app.wallpaper div.tab header, +.mk-app.wallpaper .widget header header, +.mk-app.wallpaper .ukygtjoj > header header { + background: none !important; +} +.mk-app.wallpaper .widgets .widget > header::before, +.mk-app.wallpaper div.tab > header::before, +.mk-app.wallpaper .widget header > header::before, +.mk-app.wallpaper .ukygtjoj > header > header::before { + opacity: 0.5; + backdrop-filter: blur(10px); +} +.mk-app.wallpaper .collapsed { + border-radius: var(--radius) !important; +} \ No newline at end of file