iSoy CSS Style

Heinrich_Adelmann↗

ip grabber dni

:root {
--color-accent: #0091FF;
--color-primary: #008EF4;
--color-foreground: black;
--color-card-foreground: black;
--color-muted-foreground: color-mix(in hsl, white 30%, black 70%);
--color-secondary-foreground: black;
--color-destructive-foreground: white;
--color-secondary: color-mix(in hsl, white 95%, black 5%);
--color-card: color-mix(in hsl, white 95%, black 5%);
--color-input: color-mix(in hsl, white 80%, black 20%);
--color-border: color-mix(in hsl, white 90%, black 10%);
--color-background: color-mix(in hsl, white 90%, black 10%);
}

*, :after, :before, ::backdrop {
text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}

#forum-category, .border-primary, #post-card, div[data-profile-preview="true"] {
border: none;
}

#ui-dropdown-trigger > button > span[class *= "absolute"], a[href="/messages"] > button > span[class *= "absolute"] {
border-radius: 50px;
background: linear-gradient(red, color-mix(in hsl, red 90%, black));
}

.outline, .outline-1 {
outline-width: 0px;
}

#post-rating-badge, #post-category-badge {
font-size: 0.8em;
}

#post-card, #sidebar-popular-tags, #sidebar-recent-comments, #sidebar-featured, #sidebar-dailyjak, #settings-grid > div, #user-info-stats-grid > a, div[data-profile-preview="true"], #banner-pending-posts, input, form {
border-radius: 10px;
}

#tag-input-container, form {
border-radius: 50px;
}

button, #ui-button, code, .bbcode-quote-link, img, #edit-tags-menu-content #tag-input-container {
border-radius: 5px;
}

code {
color: black;
}

button[role="switch"] {
border-radius: 50px;
span {
border-radius: 50px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
}
}

#post-media-container img, #activity-comment-post-thumb-container img, #media-container img, img[draggable="false"] {
border-radius: 0px;
}

div.border {
border-radius: 10px;
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}

#forum-category-latest-title, .truncate {
text-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

button[type="button"]:not(#tag-input-search-btn), #tag-input-container, #user-info-stats-grid > a, img[alt="User avatar"] {
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}

.bbcode-quote {
background: linear-gradient(color-mix(in hsl, white 95%, black 5%), color-mix(in hsl, white 80%, black 20%));
}

#ui-button:hover, #settings-avatar-remove-btn:hover {
background: linear-gradient(color-mix(in hsl, white 80%, black 20%), color-mix(in hsl, white 95%, black 5%));
}

#ui-button:active, #members-tabs > button:active {
background: linear-gradient(color-mix(in hsl, white 90%, black 10%), white);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
}

img:not(img[src="/assets/static/nopfp.CL0ML5_G.png"]) {
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
box-shadow: none;
}

header {
background: linear-gradient(color-mix(in hsl, white 95%, black 5%), color-mix(in hsl, white 80%, black 20%));
}

.bg-card:not(header) {
background: linear-gradient(white, color-mix(in hsl, white 90%, black 10%));
}

.bg-primary {
background: linear-gradient(var(color-accent), color-mix(in hsl, var(color-accent) 80%, black 20%));
border: none;
}

.bg-primary:active {
background: linear-gradient(color-mix(in hsl, var(color-accent) 90%, black), var(color-accent));
}

img[class="bbcode-emote"] {
filter: none;
}

#search-active-filter {
background: linear-gradient(white, color-mix(in hsl, white 80%, black 20%));
border: none;
span, .text-xs {
font-size: 20px;
}
}

@media (hover: hover) {
.hover\:text-accent-foreground:hover {
background: linear-gradient(color-mix(in hsl, white 90%, black 10%), white);
color: black;
}
}

.shadow-\[2px_2px_0_0_rgba\(0\,0\,0\,0\.25\)\] {
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}

CacaBoreanWarrior↗

penis fart

Penisoider↗

@CascadiaWON Here's the new version with dark theme
https://files.catbox.moe/a3pma5.css