See full avatars, images and videos without rounded corners on bsky.app
Bluesky Square Avatars by pabli
Details
Authorpabli
LicenseMIT
Categorybsky.app
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Check also:
Source code
/* ==UserStyle==
@name Bluesky Square Avatars
@description See full avatars, images and videos without rounded corners on bsky.app
@version 1.0.1
@author Pabli (https://ko-fi.com/pabli)
@namespace https://github.com/pabli24
@homepageURL https://userstyles.world/style/19333/bluesky-square-avatars
@supportURL https://userstyles.world/style/19333/bluesky-square-avatars
@license MIT
@preprocessor stylus
@var number _avatar "Avatars - border radius (px)" [0, -1, null, 1, "px"]
@var number _image "Images and videos - border radius (px)" [0, -1, null, 1, "px"]
@var checkbox _hideAlt "Hide [ALT] text badge from the images" 0
==/UserStyle== */
i = !important
@-moz-document domain("bsky.app") {
if _avatar != -1 {
#root [data-testid="profileHeaderAviButton"],
#root [data-testid="userAvatarImage"],
#root [data-testid="userAvatarImage"] + div {
border-radius: _avatar i
}
}
if _image != -1 {
#root div[style*="border-radius:"]:has(> div > video),
#root div[style*="border-radius:"]:has(> div > figure),
#root figure + div + div[style*="border-radius:"],
#root div[style*="border-radius:"][style*="overflow:"]:has(div[data-expoimage="true"]),
#root div[data-expoimage="true"] + div[style*="border-radius:"] {
border-radius: _image i
}
}
if _hideAlt {
#root main div[style*="position: absolute"][style*="bottom:"][style*="right:"][style*="opacity:"] {
display: none i
}
}
}