home.social

#userstyle — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #userstyle, aggregated by home.social.

  1. В гитлабе не хватает светлых тем. Поэтому я сделала ещё одну: userstyles.world/style/28086/g

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

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

    #userstyles #gitlab #userstyle #stylus

  2. В гитлабе не хватает светлых тем. Поэтому я сделала ещё одну: userstyles.world/style/28086/g

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

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

    #userstyles #gitlab #userstyle #stylus

  3. В гитлабе не хватает светлых тем. Поэтому я сделала ещё одну: userstyles.world/style/28086/g

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

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

    #userstyles #gitlab #userstyle #stylus

  4. #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

  5. #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

  6. #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

  7. #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

  8. #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

  9. 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. ✨

  10. 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: userstyles.world/style/22746

    #userstyle #github

  11. 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: userstyles.world/style/22746

    #userstyle #github

  12. 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: userstyles.world/style/22746

    #userstyle #github

  13. 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: userstyles.world/style/22746

    #userstyle #github

  14. 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: userstyles.world/style/22746

    #userstyle #github

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

    Install with the Stylus browser extension: git.gay/freeplay/UserStyles/ra

    before & after:

    #UserStyle #CSS #Gitlab

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

    Install with the Stylus browser extension: git.gay/freeplay/UserStyles/ra

    before & after:

    #UserStyle #CSS #Gitlab

  17. 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.

    mfgfmc.com/scraps/mastodon-use

    #mastodon #userstyle #stylus

  18. 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.

    mfgfmc.com/scraps/mastodon-use

    #mastodon #userstyle #stylus

  19. 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.

    mfgfmc.com/scraps/mastodon-use

    #mastodon #userstyle #stylus

  20. 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.

    mfgfmc.com/scraps/mastodon-use

    #mastodon #userstyle #stylus

  21. 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.

    mfgfmc.com/scraps/mastodon-use

    #mastodon #userstyle #stylus

  22. 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)


    #UserStyle #Wafrn #css #waafff-wrrf-waff #WAAahh!!
  23. 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)


    #UserStyle #Wafrn #css #waafff-wrrf-waff #WAAahh!!
  24. 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"


    #Userstyle #wafrn #css #tumblr #WAAff-!-!!
  25. 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"


    #Userstyle #wafrn #css #tumblr #WAAff-!-!!
  26. 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"


    #Userstyle #wafrn #css #tumblr #WAAff-!-!!
  27. 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"


    #Userstyle #wafrn #css #tumblr #WAAff-!-!!
  28. 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"


    #Userstyle #wafrn #css #tumblr #WAAff-!-!!
  29. @dragonminded Critter Chat dark mode! (Applied as a userstyle with the Stylus extension...)

    #userstyle #css #critterchat

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

    #userstyle #css #critterchat

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

    #userstyle #css #critterchat

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

    #userstyle #css #critterchat

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

    #userstyle #css #critterchat

  34. I've made a UserStyle for deer.social that makes the reposts carousel full-width ! Install with the Stylus (not Stylish) browser extension: userstyles.world/style/22838 #DeerSocial #BlueSky #UserStyle #CSS

  35. I've made a UserStyle for deer.social that makes the reposts carousel full-width ! Install with the Stylus (not Stylish) browser extension: userstyles.world/style/22838 #DeerSocial #BlueSky #UserStyle #CSS

  36. 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.

    userstyles.world/style/22662/t

  37. 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.

    userstyles.world/style/22662/t

  38. 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.

    userstyles.world/style/22662/t

  39. 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.

    userstyles.world/style/22662/t

  40. 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.

    userstyles.world/style/22662/t

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

    #UserStyle #Vivaldi #customization

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

    #UserStyle #Vivaldi #customization

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

    #UserStyle #Vivaldi #customization

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

    #UserStyle #Vivaldi #customization

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

    #UserStyle #Vivaldi #customization