#userstyle — Public Fediverse posts

В гитлабе не хватает светлых тем. Поэтому я сделала ещё одну: https://userstyles.world/style/28086/gitlab-intellij-light-colour-scheme

Основана на IntelliJ Light с некоторыми поправками на возможности и глюки парсера. Рабоатет в MR'ах, диффах, blame, просмотре файла

Настроено для html, js/ts и *css потому что я их вижу каждый день.

#userstyles #gitlab #userstyle #stylus

В гитлабе не хватает светлых тем. Поэтому я сделала ещё одну: https://userstyles.world/style/28086/gitlab-intellij-light-colour-scheme

Основана на IntelliJ Light с некоторыми поправками на возможности и глюки парсера. Рабоатет в MR'ах, диффах, blame, просмотре файла

Настроено для html, js/ts и *css потому что я их вижу каждый день.

#userstyles #gitlab #userstyle #stylus

В гитлабе не хватает светлых тем. Поэтому я сделала ещё одну: https://userstyles.world/style/28086/gitlab-intellij-light-colour-scheme

Основана на IntelliJ Light с некоторыми поправками на возможности и глюки парсера. Рабоатет в MR'ах, диффах, blame, просмотре файла

Настроено для html, js/ts и *css потому что я их вижу каждый день.

#userstyles #gitlab #userstyle #stylus

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

some quick housekeeping on the (personal, very opinionated) youtube #userstyle.. only to instantly get hit with the »damn, you need shorts in your sidebar? kinda cringe.« by a friend. yes, damn it! i need my mind-numbing attention-span-shorteners for that sweet sweet dopamine!
but i also want all that stupid clutter removed. ✨

@pinguthom Hab mal nen #userscript, pardon #userstyle gebastelt, was dieses super… „in Druckansicht Informationen verstecken“ „Feature“ … eliminiert. 😅

https://gist.github.com/rugk/c564274d10bc359052cfbeb5acde22ca

https://userstyles.world/style/26535/immobilienscout24immoscout-unhide-printing-info

@pinguthom Hab mal nen #userscript, pardon #userstyle gebastelt, was dieses super… „in Druckansicht Informationen verstecken“ „Feature“ … eliminiert. 😅

https://gist.github.com/rugk/c564274d10bc359052cfbeb5acde22ca

https://userstyles.world/style/26535/immobilienscout24immoscout-unhide-printing-info

@pinguthom Hab mal nen #userscript, pardon #userstyle gebastelt, was dieses super… „in Druckansicht Informationen verstecken“ „Feature“ … eliminiert. 😅

https://gist.github.com/rugk/c564274d10bc359052cfbeb5acde22ca

https://userstyles.world/style/26535/immobilienscout24immoscout-unhide-printing-info

@pinguthom Hab mal nen #userscript, pardon #userstyle gebastelt, was dieses super… „in Druckansicht Informationen verstecken“ „Feature“ … eliminiert. 😅

https://gist.github.com/rugk/c564274d10bc359052cfbeb5acde22ca

https://userstyles.world/style/26535/immobilienscout24immoscout-unhide-printing-info

@pinguthom Hab mal nen #userscript, pardon #userstyle gebastelt, was dieses super… „in Druckansicht Informationen verstecken“ „Feature“ … eliminiert. 😅

https://gist.github.com/rugk/c564274d10bc359052cfbeb5acde22ca

https://userstyles.world/style/26535/immobilienscout24immoscout-unhide-printing-info

GitHub changed their UI again so I had to adjust my userstyle to fix things, namely the header and the diff-viewer weren't centered anymore: https://userstyles.world/style/22746

#userstyle #github

GitHub changed their UI again so I had to adjust my userstyle to fix things, namely the header and the diff-viewer weren't centered anymore: https://userstyles.world/style/22746

#userstyle #github

GitHub changed their UI again so I had to adjust my userstyle to fix things, namely the header and the diff-viewer weren't centered anymore: https://userstyles.world/style/22746

#userstyle #github

GitHub changed their UI again so I had to adjust my userstyle to fix things, namely the header and the diff-viewer weren't centered anymore: https://userstyles.world/style/22746

#userstyle #github

GitHub changed their UI again so I had to adjust my userstyle to fix things, namely the header and the diff-viewer weren't centered anymore: https://userstyles.world/style/22746

#userstyle #github

Here's a little UserStyle that fixes Gitlab's scrollbars 👍 :neofox_floof:

Install with the Stylus browser extension: https://git.gay/freeplay/UserStyles/raw/branch/wah/gitlab/fix-scrollbars.user.css

before & after:

#UserStyle #CSS #Gitlab

Here's a little UserStyle that fixes Gitlab's scrollbars 👍 :neofox_floof:

Install with the Stylus browser extension: https://git.gay/freeplay/UserStyles/raw/branch/wah/gitlab/fix-scrollbars.user.css

before & after:

#UserStyle #CSS #Gitlab

Here's a small user-style for the Mastodon advanced web interface that hides the drawer from the left-hand side until you hover over it, and keeps it active if you select an input.

Works with Stylus and maybe other userstyle browser plugins.

https://mfgfmc.com/scraps/mastodon-userstyle.html

#mastodon #userstyle #stylus

Here's a small user-style for the Mastodon advanced web interface that hides the drawer from the left-hand side until you hover over it, and keeps it active if you select an input.

Works with Stylus and maybe other userstyle browser plugins.

https://mfgfmc.com/scraps/mastodon-userstyle.html

#mastodon #userstyle #stylus

Here's a small user-style for the Mastodon advanced web interface that hides the drawer from the left-hand side until you hover over it, and keeps it active if you select an input.

Works with Stylus and maybe other userstyle browser plugins.

https://mfgfmc.com/scraps/mastodon-userstyle.html

#mastodon #userstyle #stylus

Here's a small user-style for the Mastodon advanced web interface that hides the drawer from the left-hand side until you hover over it, and keeps it active if you select an input.

Works with Stylus and maybe other userstyle browser plugins.

https://mfgfmc.com/scraps/mastodon-userstyle.html

#mastodon #userstyle #stylus

Here's a small user-style for the Mastodon advanced web interface that hides the drawer from the left-hand side until you hover over it, and keeps it active if you select an input.

Works with Stylus and maybe other userstyle browser plugins.

https://mfgfmc.com/scraps/mastodon-userstyle.html

#mastodon #userstyle #stylus

Also! If you use the UserStyle, it's possible to mix it with some of the other builtin themes
it also seems to work pretty okay with the Fan theme, too :neofox_floof: (although for the blue background you would need to specifically set the dark/light mode rather than auto, as auto is what sets the black background when the system theme is set to dark)

Also! If you use the UserStyle, it's possible to mix it with some of the other builtin themes
it also seems to work pretty okay with the Fan theme, too :neofox_floof: (although for the blue background you would need to specifically set the dark/light mode rather than auto, as auto is what sets the black background when the system theme is set to dark)

I've always written userstyles. But just recently have I started to share them with the world 😄

I use #theoldreader as my CSS reader but I'm always annoyed by how it handles font-size, there are so many inconsistencies. I try to fix this and make the font-size more consistent with this new #userstyle: https://userstyles.world/style/18115/theoldreader-consistent-font-size

(and you can even adjust the default font-size in the style settings 😉)

I've created a #userstyle for Mastodon (and works with #Humblr) to make columns a bit #wider and shows full images/thumbnails rather than the fixed cropped #thumbnails you get by default.

Install the #Stylus extension in #Chrome (https://goo.gl/RsGjeC) and then install my User Style from here: https://userstyles.org/styles/167207

#mastodon #css #style

Rappel de l’existence de ce magnifique thème¹ Mastodon, à installer avec l’extension de navigateur Stylus²

[1]. https://userstyles.world/style/4773/mastodon-modern
[2]. https://addons.mozilla.org/en-US/firefox/addon/styl-us/

#Mastodon #CSS #Theme #Stylus #UserStyle #Fediverse #Tweak #OpenSource

I have now released Waffler!!
It's a Userstyle that makes WAFRN look even more like Tumblr :neofox_floof:

You can install it here: https://userstyles.world/style/24185/waffler
please use "Stylus" instead of "Stylish"

@dragonminded Critter Chat dark mode! (Applied as a userstyle with the Stylus extension...)

#userstyle #css #critterchat

Yet another #userstyle after 1h of struggling with userstyles specific tiny unusual details 😅

This time, here is a (customisable) compact version for #todoist. I still hope they would one day implement this but in the meantime here we are!

Also, tasks metadata remains at the right of the task row, in contrast with a few existing similar userstyles.

https://userstyles.world/style/22662/todoist-compact-with-metadata-on-the-right

#Vivaldi :vivaldi_red: Notes パネルのエディター部分フォントサイズをもともと少し小さくしていたけど、それよりもすこし大きくした（元のデフォルト状態よりは少し小さい

#UserStyle #Vivaldi #customization

Я часто кликаю на нижнюю панель плеера Ютуба, чтобы вернуть фокус для управления с клавиатуры. Пару месяцев назад этот клик начал приводить к прокрутке страницы (если есть таймкоды).

Отключается такое поведение простым юзерстилем:

.ytp-chapter-container {
pointer-events: none !important;
}

Добавлял через расширение Tweaks for YouTube https://chromewebstore.google.com/detail/tweaks-for-youtube/ogkoifddpkoabehfemkolflcjhklmkge

#userstyle

#MastoModern is a UserStyle & instance theme that give Masto a nicer look :blobfoxfloofhappy:

Note: the style may break on older versions of Mastodon & instances that have other modifications. The style is compatible with other themes that only change the colors & glitch-soc. :blobfoxdisputed:

Install with the Stylus browser extension here
Don't use the "Stylish" extension
View the code & report issues

#UserStyle #CSS #Mastodon #MastoDev

I've made a couple of UserStyles ! :blobfoxfloofhappy:

Make websites without any CSS easier to read with some customization options:
https://userstyles.world/style/18536

Remove distractions from Duolingo:
https://userstyles.world/style/18334

Install them with the Stylus browser extension (not Stylish)

#CSS #UserStyle #Duolingo

i made a cohost userstyle for goblin! i also made another userstyle that removes numbers like the note count and the follower counts, if you'd like that!

you can install an extension like stylus, and then install the userstyles from here:
cohost theme: https://userstyles.world/style/18082/goblin-cohost
no numbers: https://userstyles.world/style/18083/no-numbers

i also have the css on my website, if you wanna manually copy it or something: https://tiger.kittycat.homes/made/other/goblin-cohost

it's not perfect and i don't promise that every page will look good with it, but i've been using it without issue to browse profiles and the home timeline, so! it's usable!

it definitely doesn't work with the deck layout, but it does work on the two other layouts that goblin has.

This kind of things drive me nuts. You want to write a tiny #userstyle to fix or adapt part of a website? Well you can't with these obfuscated CSS classes 🙌 (I won't even talk about the 12 levels of nested divs)

Or at least it makes it much more difficult (and on top of that I'm not even sure these class names remain stable from one deployment to another)

#MastoModern has been updated to v2.0.0! I have partially rewritten the style, so it should be a lot cleaner and smaller, including some fixes and changes :blobfoxfloofhappy:

You can view the full changelog here

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/4773/mastodon-modern

Along with this, I have also moved the repository to git.gay: https://git.gay/freeplay/Mastodon-Modern

#Mastodon #CSS #UserStyle

I've made a UserStyle that makes Mastodon's alt text editor window fullscreen, as the default window was too small imo

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/16955

Compiled CSS: https://git.gay/freeplay/UserStyles/raw/branch/wah/mastodon/fullscreen-alt-text-compiled.css

#Mastodon #CSS

Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

Recently switched to the Gioco pieces on #lichess: I like it very much except for its warm tint. So here's a #userstyle to desaturate it and make it more black & white. “It's not much, but it's honest work” 😉

https://userstyles.world/style/16401/lichess-black-white-gioco-pieces

i'm not sure i ever talked about this but i wrote a userstyle for KHInsider Downloads which revamps the ui and makes better use of the space on desktop. check it out and go leave a review if you like it :D
#userstyle #css

https://userstyles.world/style/14277/khinsider-vgm-modern

I've made a UserStyle to collapse Sharkey's heart reactions, install with the Stylus browser extension:
https://userstyles.world/style/15612/sharkey-collapse-heart-reactions

CC @julia

#CSS #UserStyle #Sharkey

```css

@-moz-document url-prefix("https://www.some-website.example/") {
article:has(a[href*="topic-i-really-cant-be-bothered-with-anymore"]) {
opacity:0.5;
filter:blur(10px);
}
}
```

#FilterBubble 👀
#UserStyle #Stylus #Firefox #CSS

PS: `display: none` is also fine.

@ILoveNumAn if you like diaspora, but lack of multi-columns is the only thing keeping you away, then you could also try @isaackuo 's #userstyle for it: https://userstyles.world/style/827/diaspora-multi-column
Another alternative you could consider is #Socialhome. Looks like @hq currently has open registrations, so you should be able to try it out easily at https://socialhome.network/

I've now made bootleg fox/cat ears for Mastodon :blobfoxfloof:

Install with the Stylus browser extension:
#UserStyle: https://userstyles.world/style/15031

#Mastodon