some tiny tweaks for Sharkey
Sharkey Tweaks by Sneexy
Mirrored from https://git.gay/sneexy/sharkey-tweaks/raw/branch/main/SharTweaks.user.css
Details
AuthorSneexy
LicenseCC BY-SA 4.0
Categorysharkey
Created
Updated
Size22 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Features include:
- Various visibility changes to make things easier (or harder) to notice
- Media alt text indicator
- Hiding Avatar decorations on cursor hovering
- ...or disabling them
- Better collapsed replies style
- Colored borders and icon backgrounds on posts depending on post visibility
- Modern, rounded status bar
- And many other cosmetic enhancements
A decent amount of instances are predefined by default and should work with most popular Sharkey instances, but you may have to specify your own.
Please report any issues, suggest anything (assuming I can probably implement it) or even make merge requests here:
https://git.gay/sneexy/sharkey-tweaks
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* --
* 🟢 NOTICE 🟢
* ===========
* Before you install these tweaks, ensure your instance is in the predefined list below.
* If not in there, add your instance to the "Custom included sites" textbox in the sidebar
* on the left in this format:
*://domain.tld/*
* -- */
/* ==UserStyle==
* @name Sharkey Tweaks
* @namespace https://git.gay/sneexy
* @homepageURL https://git.gay/sneexy/sharkey-tweaks
* @updateURL https://git.gay/sneexy/sharkey-tweaks/raw/branch/main/SharTweaks.user.css
* @version 2024.8.1
* @description some tiny tweaks for Sharkey
* @author Sneexy (https://sneexy.pages.gay)
* @license CC-BY-SA-4.0
* @preprocessor stylus
*
* @var checkbox minimal-instance-branding "Minimal instance branding" 1
* @var checkbox peeking-instance-icon "Peeking instance icon" 0
* @var checkbox disable-instance-branding "🚫 Disable instance branding" 0
* @var checkbox fillerone "∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙" 0
* @var checkbox modern-status-bars "🚆 Modern status bars" 1
* @var range transparent-new-notes "🆕 Transparent new notes button" [40, 0, 100, 5, '%']
* @var checkbox disable-new-notes " ↳ 🚫 Disable new notes button" 0
* @var checkbox notification-gaps "↕️ Gaps between notifications" 1
* @var checkbox fillertwo "∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙" 0
* @var checkbox hiding-avatar-decorations "🔲 Hiding avatar decorations" 1
* @var checkbox disable-avatar-decorations "🚫 Disable avatar decorations" 0
* @var checkbox fillerthree "∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙" 0
* @var checkbox boosted-by-avatar "🔁 Avatar next to Boosted by" 1
* @var checkbox alt-text-indicator "⚠️ Alt text indicator" 1
* @var checkbox better-content-warnings "👁️ Visible content warnings" 0
* @var checkbox centered-content-warnings "⛔ Centered content warnings" 1
* @var checkbox fillerfour "∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙" 0
* @var checkbox followers-only-indicator "🔒 Followers only indicator" 1
* @var checkbox followers-only-border " ↳ Borders on side" 0
* @var checkbox direct-message-indicator "✉️ Direct message indicator" 1
* @var checkbox direct-message-border " ↳ Borders on side" 1
* @var checkbox fillerfive "∙ ∙ ∙ ∙ ∙ ∙ ↶ Use with \"Collapse notes replied to\" ↷ ∙ ∙ ∙ ∙ ∙ ∙" 0
* @var checkbox better-single-line-replies "↪️ [Custom] Better collapsed replies" 1
* @var checkbox bslr-accent " ↳ Use accent colored thread" 0
* @var checkbox bslr-arrow " ↳ Use colored arrow icon instead" 0
* @var checkbox no-instance-collapsed-replies "🌎 Remove instance in username for collapsed replies" 0
* @var checkbox visible-content-collapsed-replies "👁️ Visible contents in collapsed replies" 0
* @var checkbox fillerseven "∙ ∙ ∙ ∙ ∙ ∙ ↶ Minor tweaks ↷ ∙ ∙ ∙ ∙ ∙ ∙" 0
* @var checkbox post-visibility-posting-form "🏠 Icon visiblity in posting form" 1
* @var checkbox visible-icons "👀 Visible icons" 0
* @var checkbox no-highlight-sidebar "🚫 Remove highlight behind hovered sidebar items" 1
* @var checkbox no-bottom-border-header "🚫 Remove border on headers" 0
* @var checkbox border-unselectable-reactions "🔁 Borders on unselectable emoji reactions" 1
* @var checkbox minor-spacing-fixes "↕️ Minor spacing fixes" 1
* @var checkbox wrench-button "🔧 Wrench button" 0
* ==/UserStyle== */
@-moz-document domain("blahaj.zone"), domain("calckey.7ka.org"), domain("catboy.baby"), domain("chan.thebeans.zip"), domain("chatterchannel.social"), domain("derg.social"), domain("eepy.moe"), domain("eepy.zone"), domain("estrogen.plus"), domain("federation.network"), domain("fedi.catboy.agency"), domain("fedi.intragon.org"), domain("fediverse.fun"), domain("floofy.city"), domain("frieren.quest"), domain("froggie.gay"), domain("fv.sitwell.dev"), domain("garlic.social"), domain("gaysex.cloud"), domain("grimgreenfo.rest"), domain("hackers.center"), domain("hat-eine.entenbru.st"), domain("hollow.raccoon.quest"), domain("hol.ogra.ph"), domain("ibe.social"), domain("is-a.wyvern.rip"), domain("joeydrew.studio"), domain("kitsunes.club"), domain("kitsunes.gay"), domain("kitty.social"), domain("lea.pet"), domain("lethallava.land"), domain("lewd.lgbt"), domain("minidisc.gay"), domain("mk.absturztau.be"), domain("mk.ilyamikcoder.com"), domain("mk.noob.quest"), domain("mskey.nekomimi.party"), domain("not.an.evilcyberhacker.net"), domain("otherling.social"), domain("plasmatrap.com"), domain("please-dominate.me"), domain("sakurajima.social"), domain("sharkey.world"), domain("shonk.phite.ro"), domain("shonk.social"), domain("shrk.abtmtr.link"), domain("social.miichelle.moe"), domain("terberlo.dog"), domain("the.gayest.dev"), domain("thetransagenda.gay"), domain("transfem.social"), domain("zoner.work") {
/* -- Minimal instance branding -- */
if minimal-instance-branding {
[class^="navbar-banner-"] {
display: none;
}
}
/* -- Peeking instance icon -- */
if peeking-instance-icon {
[class^="navbar-banner-"] {
display: none;
}
[class^="navbar-root-"]:not([class^="navbar-iconOnly-"]) [class^="navbar-top-"] {
padding: 1em 0 0.1em 0 !important;
}
[class^="navbar-root-"]:not([class*="navbar-iconOnly-"]) [class^="navbar-instanceIcon-"] {
right: 15.5rem !important;
bottom: -1.2em !important;
display: flex !important;
position: absolute !important;
rotate: 20deg;
}
}
/* -- Disable instance branding -- */
if disable-instance-branding {
[class^="navbar-top-"] {
margin-top: -1.6em !important;
background: unset !important;
}
[class^="navbar-banner-"], [class^="navbar-instanceIcon-"] {
display: none !important;
}
}
/* -- Better status bars -- */
if modern-status-bars {
#sharkey_app:has([class^="universal-root-"]) {
[class^="statusbars-root-"] {
background: var(--bg) !important;
}
}
#sharkey_app:has([class^="deck-root-"]) {
[class^="statusbars-root-"] {
background: var(--deckBg) !important;
}
}
[class^="statusbars-root-"] {
[class^="statusbar-federation-item-"] {
border-radius: 50px;
}
[class^="statusbar-federation-icon-"] {
border-radius: 50px;
}
[class^="statusbars-name-"] {
background: var(--panel);
border-radius: 0 0 10px;
}
}
}
/* -- Gaps between notifications on notification page -- */
if notification-gaps {
[class^="pages-notifications-notifications-"] {
[class*="MkNotifications-list-"] {
background: unset !important;
}
[class^="MkNotification-root-"], [class^="SkNote-root-"], [class^="MkNote-root-"] {
border-radius: var(--radius) !important;
margin-bottom: var(--margin) !important;
border-bottom: unset !important;
background: var(--panel);
}
}
}
/* -- Better Boosted by visibility -- */
if boosted-by-avatar {
[class*="SkNote-renoteAvatar"] {
display: unset !important;
}
}
/* -- Alt text indicator -- */
if alt-text-indicator {
@keyframes image_caption_warning {
0% {
border-color: var(--warn);
}
100% {
border-color: transparent;
}
}
[class^="MkMediaList-root-"] [class^="MkImgWithBlurhash-img-"]:not([alt]),
[class^="MkMediaList-root-"] [class^="MkImgWithBlurhash-img-"][alt=""],
[class^="MkMediaList-root-"] [class^="MkMediaVideo-video-"]:not([title]),
[class^="MkMediaList-root-"] [class^="MkMediaVideo-video-"][title=""] {
animation-name: image_caption_warning;
animation-duration: 1.5s;
animation-direction: alternate;
animation-iteration-count: infinite;
border: 2px solid var(--warn);
border-radius: var(--radius);
box-sizing: border-box;
}
}
/* -- Followers only indicator -- */
if followers-only-indicator {
if followers-only-border {
[class^="SkNote-article-"]:has(.ph-lock),
[class^="SkNoteDetailed-note-"]:has(.ph-lock),
[class^="SkNoteSub-root-"]:has(.ph-lock),
[class^="MkNote-article-"]:has(.ph-lock),
[class^="MkNoteDetailed-note-"]:has(.ph-lock),
[class^="MkNoteSub-root-"]:has(.ph-lock) {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 2px var(--warn);
border-top: none;
border-bottom: none;
}
}
[class^="SkNote-article-"] .ph-lock,
[class^="SkNoteDetailed-note-"] .ph-lock,
[class^="SkNoteSub-root-"] .ph-lock,
[class^="MkNote-article-"] .ph-lock,
[class^="MkNoteDetailed-note-"] .ph-lock,
[class^="MkNoteSub-root-"] .ph-lock {
padding: 4px 6px;
color: var(--fgOnAccent) !important;
background: var(--warn);
border-radius: var(--radius);
text-shadow: none;
}
}
/* -- Direct message indicator -- */
if direct-message-indicator {
if direct-message-border {
[class^="SkNote-article-"]:has(.ph-envelope),
[class^="SkNoteDetailed-note-"]:has(.ph-envelope),
[class^="SkNoteSub-root-"]:has(.ph-envelope):not([clas...