KrstlSkll69/Discord-Css-Snippets
1
0
Fork 0
mirror of https://github.com/KrstlSkll69/vc-snippets.git synced 2025-04-19 20:55:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update style of tag

Browse source
This commit is contained in:
Indiana Jone (Indi) 2025-03-28 22:48:04 -04:00
parent e115052924
commit b936fea891
1 changed files with 43 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
NSFWtag.css
View file

@ -2,37 +2,43 @@
* @name NSFWtag * @name NSFWtag
* @author ryan.0324, krystalskullofficial * @author ryan.0324, krystalskullofficial
* @description A tag for 'NSFW' channels so they are easier to see/notice. Also recolors the small triangle too be red, * @description A tag for 'NSFW' channels so they are easier to see/notice. Also recolors the small triangle too be red,
* @version 7.0.1 * @version 8.0.0
* @authorId 929208515883569182 * @authorId 929208515883569182
* @website https://krstlskll69.github.io/ * @website https://krstlskll69.github.io/
* @source https://github.com/KrstlSkll69/vc-snippets?tab=readme-ov-file#1st-nsfw-channel-tag- * @source https://github.com/KrstlSkll69/vc-snippets?tab=readme-ov-file#1st-nsfw-channel-tag-
*/ */
:root{
}
/*--- Channel list 'NSFW' Label ---*/ /*--- Channel list 'NSFW' Label ---*/
[class*=linkTop_]:has([class*=iconContainer_] [d^="M18.09 1.63"]) > [class*=children_]::after { [class*=linkTop_]:has([class*=iconContainer_] [d^="M18.09 1.63"]) > [class*=children_]::after {
content: "NSFW"; content: "NSFW";
background: var(--status-danger-background); background: var(--status-danger-background);
color: var(--status-danger-text); color: var(--status-danger-text);
padding: 0 6px; font-family: var(--font-code);
border-radius: 8px; padding: 0 4px;
font-size: 12px; border-radius: 4px;
font-weight: 700; font-size: 13px;
letter-spacing: .02em; text-transform: uppercase;
line-height: 16px; letter-spacing: .02em;
margin-left: 4px; line-height: 17px;
margin-left: 4px;
} }
/*--- 'NSFW' Chat Label ---*/ /*--- 'NSFW' Chat Label ---*/
[class*=iconWrapper_]:has([d^="M18.09 1.63"]) ~ [class*=titleWrapper_] h1::after { [class*=iconWrapper_]:has([d^="M18.09 1.63"]) ~ [class*=titleWrapper_] h1::after {
content: "NSFW"; content: "NSFW";
background: var(--status-danger-background); background: var(--status-danger-background);
color: var(--status-danger-text); color: var(--status-danger-text);
padding: 0 6px; font-family: var(--font-code);
border-radius: 8px; padding: 0 4px;
font-size: 12px; border-radius: 4px;
font-weight: 700; font-size: 13px;
letter-spacing: .02em; text-transform: uppercase;
line-height: 16px; letter-spacing: .02em;
margin-left: 7px; line-height: 17px;
margin-left: 4px;
} }
/*--- 'NSFW' Message bar icon label ---*/ /*--- 'NSFW' Message bar icon label ---*/
@ -40,13 +46,14 @@
content: "NSFW"; content: "NSFW";
background: var(--status-danger-background); background: var(--status-danger-background);
color: var(--status-danger-text); color: var(--status-danger-text);
padding: 0 6px; font-family: var(--font-code);
border-radius: 8px; padding: 0 4px;
font-size: 12px; border-radius: 4px;
font-weight: 700; font-size: 13px;
text-transform: uppercase;
letter-spacing: .02em; letter-spacing: .02em;
line-height: 16px; line-height: 17px;
margin-left: 7px; margin-left: 4px;
} }
/*--- Stupid Ahh channel serach icon label ---*/ /*--- Stupid Ahh channel serach icon label ---*/
@ -54,13 +61,14 @@
content: "NSFW"; content: "NSFW";
background: var(--status-danger-background); background: var(--status-danger-background);
color: var(--status-danger-text); color: var(--status-danger-text);
padding: 0 6px; font-family: var(--font-code);
border-radius: 8px; padding: 0 4px;
font-size: 12px; border-radius: 4px;
font-weight: 700; font-size: 13px;
text-transform: uppercase;
letter-spacing: .02em; letter-spacing: .02em;
line-height: 16px; line-height: 17px;
margin-left: 7px; margin-left: 4px;
} }
/*--- Channel list Icon Recolor ---*/ /*--- Channel list Icon Recolor ---*/