meant to be used with lemmy instances, make sure to set the theme to darkly-red
ancom red: MEANT TO BE USED WITH DARKLY-RED by Kommynct
Details
AuthorKommynct
LicenseNo License
Categorybeehaw.org, lemmy.ml
Created
Updated
Size3.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
darkly-red I said it three times
Source code
/* ==UserStyle==
@name ancom red: MEANT TO BE USED WITH DARKLY-RED
@version 20240627.09.58
@namespace https://userstyles.world/user/Kommynct
@description meant to be used with lemmy instances, make sure to set the theme to darkly-red
@author Kommynct
@license No License
==/UserStyle== */
@-moz-document domain("lemmy.ml"), domain("beehaw.org"), domain("lemm.ee") {
:root {
--blue: #375a7f;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #cc0000;
--orange: #fd7e14;
--yellow: #f39c12;
--green: #00bc8c;
--teal: #20c997;
--cyan: #3498db;
--white: #fff;
--gray: #888;
--gray-dark: #303030;
--primary: #375a7f;
--secondary: #444;
--success: #00bc8c;
--info: #cc0000;
--warning: #f39c12;
--danger: #ff2020;
--light: #101010;
--dark: #dee2e6;
--bs-dropdown-link-hover-bg: var(--red)!important;
--font-family-sans-serif: sans-serif;
--font-family-monospace: monospace;
}
body {
font-family: sans-serif;
color: var(--white);
background-color: #000;
}
.thumbnail:hover svg {
fill: var(--red);
}
a {
color: var(--red);
}
.text-bg-primary {
background-color: var(--red)!important;
}
.text-bg-primary:hover {
background-color: var(--danger)!important;
}
.btn.btn-sm.btn-secondary:focus, .btn.btn-secondary.btn-block:focus .btn.btn-secondary.mb-2:focus, .btn.btn-secondary.d-inline-block.mb-2.mr-3:hover, .btn.btn-secondary.d-inline-block.mb-2.mr-3:focus {
color:var(--white)!important;
}
a.text-info:focus, a.text-info:hover, a.text-primary:focus, a.text-primary:hover, .d-inline-block:hover, .d-inline-block:focus, .text-muted a:hover, .text-muted a:focus, .btn.btn-link.text-muted.py-0.pl-0:focus, .btn-link:hover, .btn-link:focus, .btn.btn-sm.text-muted:hover, .btn.btn-sm.text-muted:focus, .btn.focus, .post-title a:hover {
color: var(--danger) !important;
}
.text-info {
color: var(--red) !important;
}
.btn.btn-sm.btn-secondary.mr-2, .btn.btn-secondary.btn-block.mb-2, .text-bg-primary {
border: none;
}
a:hover {
color: var(--danger);
}
.text-primary, .link-primary {
color: #ce8d8d!important;
}
.btn.btn-outline-secondary.active.pointer:hover, .btn.btn-secondary.btn-block:focus {
color:var(--white);
}
.pointer.btn.btn-outline-secondary.false:focus-within {
background-color: var(--secondary);
}
.card, .mark, .form-control, .form-control:focus {
background-color: var(--light);
border: 1px hidden;
}
.custom-select:focus, #icon-rss:hover {
border-color: var(--red);
}
a.badge-primary:focus, a.badge-primary:hover, .btn.btn-outline-secondary.pointer.active:hover, .btn.btn-secondary.btn-block:hover, secondary.btn-block:focus, .btn.btn-secondary:focus, .btn.btn-secondary:hover, .pointer.btn.btn-outline-secondary.active:focus-within {
background-color: var(--danger);
}
.badge-primary, .btn.btn-secondary, .btn.btn-outline-secondary.pointer.active, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {
background-color: var(--red);
}
.text-muted, .unselectable:hover {
color: var(--gray) !important;
}
.text-muted:hover, a:hover, .btn-link, .btn.btn-link.text-muted:focus {
text-decoration: none;
}
.text-muted a:hover, .text-muted a:focus, .btn-outline-secondary:hover, .btn.btn-link.text-muted.py-0.pl-0:focus, .pointer.btn.btn-outline-secondary.false:focus {
color: var(--danger);
text-decoration: none;
}
.btn-outline-secondary {
color: var(--red);
}
.icon.icon-inline.text-success.mr-1 {
stroke: #0f0;
fill: #0f0;
}
.btn.focus, .btn:focus, .form-control:focus, a.badge-primary:focus {
box-shadow: none;
}
.btn.btn-sm.btn-link.py-0.dropdown-toggle:not(.post-listing .btn.btn-sm.btn-link.py-0.dropdown-toggle) {
margin-top: 0.5rem;
}
}