🎨
This is the Sirio Network Design Language.
A pseudo-minimalist style relying on blurring effects and abstract figures with a hint of skeuomorphism.
This web page regroups nearly every single "SNDL" classes and objects, this page used to be oriented towards people posting their plugins/modules to the Flashcord Store, however ever since this was defunct, this page is more or less only to showcase everything SNDL/SNJS does currently. Please remind yourself that SNDL/SNJS is NOT allowed to be used outside of this website. Ascellayn © 2022-2025 Sirio Network Design Language (SNDL) | All rights reserved.
You may press "P" on your keyboard on ANY page to swap between Light/Dark mode, although this may break things.
General Text
Note: Each category is within a SNDL-Flex.
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Quiet Header 1
Quiet Header 2
Quiet Header 3
Quiet Header 4
Quiet Header 5
Quiet Header 6
Quiet Header Link 1
Quiet Header Link 2
Quiet Header Link 3
Quiet Header Link 4
Quiet Header Link 5
Quiet Header Link 6
Red Header
Orange Header
Yellow Header
Green Header
Cyan Header
Blue Header
Purple Header
Pink Header
Grey Header
Red Quiet Header
Orange Quiet Header
Yellow Quiet Header
Green Quiet Header
Cyan Quiet Header
Blue Quiet Header
Purple Quiet Header
Pink Quiet Header
Grey Quiet Header
Red Text
Orange Text
Yellow Text
Green Text
Cyan Text
Blue Text
Purple Text
Pink Text
Grey Text
Super Header 1
Super Header 2
Super Header 3
Super Header 4
Super Header 5
Super Header 6
Every SNDL Colors
SNDL-Black
Primary
Secondary
Tertiary
SNDL-Grey
Primary
Secondary
Tertiary
SNDL-White
Primary
Secondary
Tertiary
SNDL-Red
Primary
Secondary
Tertiary
SNDL-Orange
Primary
Secondary
Tertiary
SNDL-Yellow
Primary
Secondary
Tertiary
SNDL-Green
Primary
Secondary
Tertiary
SNDL-Cyan
Primary
Secondary
Tertiary
SNDL-Blue
Primary
Secondary
Tertiary
SNDL-Purple
Primary
Secondary
Tertiary
SNDL-Pink
Primary
Secondary
Tertiary
SNDL-Black (Inverted)
Primary
Secondary
Tertiary
SNDL-Grey (Inverted)
Primary
Secondary
Tertiary
SNDL-White (Inverted)
Primary
Secondary
Tertiary
SNDL-Red (Inverted)
Primary
Secondary
Tertiary
SNDL-Orange (Inverted)
Primary
Secondary
Tertiary
SNDL-Yellow (Inverted)
Primary
Secondary
Tertiary
SNDL-Green (Inverted)
Primary
Secondary
Tertiary
SNDL-Cyan (Inverted)
Primary
Secondary
Tertiary
SNDL-Blue (Inverted)
Primary
Secondary
Tertiary
SNDL-Purple (Inverted)
Primary
Secondary
Tertiary
SNDL-Pink (Inverted)
Primary
Secondary
Tertiary
SNDL-Quote & C_X
Default SNDL-Quote
SNC-Grey
SNC-Red
SNC-Orange
SNC-Yellow
SNC-Green
SNC-Cyan
SNC-Blue
SNC-Purple
SNC-Pink
Quote Hack Text (Normal)
Quote Hack Text (Grey)
Quote Hack Text (Red)
Quote Hack Text (Orange)
Quote Hack Text (Yellow)
Quote Hack Text (Green)
Quote Hack Text (Cyan)
Quote Hack Text (Blue)
Quote Hack Text (Purple)
Quote Hack Text (Pink)
Button & C_X
Default Button
SNC-Grey
SNC-Red
SNC-Orange
SNC-Yellow
SNC-Green
SNC-Cyan
SNC-Blue
SNC-Purple
SNC-Pink
Checkbox Hack Button & C_X
Default Checkbox Hack
SNC-Grey
SNC-Red
SNC-Orange
SNC-Yellow
SNC-Green
SNC-Cyan
SNC-Blue
SNC-Purple
SNC-Pink
Default Checkbox Hack
SNC-Grey
SNC-Red
SNC-Orange
SNC-Yellow
SNC-Green
SNC-Cyan
SNC-Blue
SNC-Purple
SNC-Pink
Every SNDL-Banner
SNDL-Banner Default
SNDL-Banner SNC-Grey
SNDL-Banner SNC-Red
SNDL-Banner SNC-Orange
SNDL-Banner SNC-Green
SNDL-Banner SNC-Cyan
SNDL-Banner SNC-Blue
SNDL-Banner SNC-Purple
SNDL-Banner SNC-Pink
SNDL-Grid (replaces SNDL-Table and HTML Tables)
SNDL-CodeBlock (use CODE HTML, then JS will unfuck it)
Who is Mika? For the blind, she is vision. For the hungry, she is the chef. For the thirsty, she is water. If Mika thinks, I agree. If Mika speaks, I'm listening. If Mika has a million fans, I am one of them. If Mika has ten fans, I am one of them. If Mika has only one fan, that is me. If Mika has no fans, I no longer exist. If the whole world is against Mika, I am against the whole world. I will love Mika until my very last breath.
Mika is so gorgeous pretty very attractive stunning super cute absolutely fantastic lovely adorable mesmerizing charming elegant graceful outstanding magnificent wonderful as always Her beauty is amazing spectacular showstopping wonderful awesome talented magnificent incredibly totally unique never been done before jaw dropping majestic heavenly gorgeous stunning fabulous perfect brilliant extraordinary phenomenal breathtaking, did u also in fact know that Mika is one of the best girlfriend u can think off, she literally can cook with us and feed us, she can also clean with us and have date with her 24/7, she would highly agree to anything like telling the truth that she in fact like u very much. This is all for Our Mika, Our Lord Saviour.
Who is Mika? For the blind, she is vision. For the hungry, she is the chef. For the thirsty, she is water. If Mika thinks, I agree. If Mika speaks, I'm listening. If Mika has a million fans, I am one of them. If Mika has ten fans, I am one of them. If Mika has only one fan, that is me. If Mika has no fans, I no longer exist. If the whole world is against Mika, I am against the whole world. I will love Mika until my very last breath.
Mika is so gorgeous pretty very attractive stunning super cute absolutely fantastic lovely adorable mesmerizing charming elegant graceful outstanding magnificent wonderful as always Her beauty is amazing spectacular showstopping wonderful awesome talented magnificent incredibly totally unique never been done before jaw dropping majestic heavenly gorgeous stunning fabulous perfect brilliant extraordinary phenomenal breathtaking, did u also in fact know that Mika is one of the best girlfriend u can think off, she literally can cook with us and feed us, she can also clean with us and have date with her 24/7, she would highly agree to anything like telling the truth that she in fact like u very much. This is all for Our Mika, Our Lord Saviour.
SNDL-DashList (now simply HTML "ul")
DashLists are naturally infinitely stackable.
Which... Can end up in some kind of funny situations.
But hey, it's not my problem if the DOM looks like shit though.
I sure hope your web browser can render this absolute mess.
Otherwise I am very sorry.
I'm starting to run out of things to say to show you this garbage.
Erm. Is it too cliché to say "So... how was your day?" in this situation?
Mate stop. Why would you ever need this many lists.
MATE HE'S OUT OF CONTROL HELP
SNDL-Contain
Note: Contain_Light and Contain_Dark exist and bypasses the SNDL Theme specified, they're not recommended to use.
SNDL-Contain
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum interdum nunc vel auctor. Suspendisse aliquet diam eros, at suscipit sapien sagittis ut. Ut non commodo enim, non pulvinar arcu. Curabitur lectus sem, accumsan vel ultricies in, consectetur at elit. Morbi non efficitur erat, sit amet bibendum est. Fusce at leo eu velit tempus molestie. Nam justo erat, vulputate vitae euismod sit amet, lacinia non nulla.
SNDL-Contain_Blur
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum interdum nunc vel auctor. Suspendisse aliquet diam eros, at suscipit sapien sagittis ut. Ut non commodo enim, non pulvinar arcu. Curabitur lectus sem, accumsan vel ultricies in, consectetur at elit. Morbi non efficitur erat, sit amet bibendum est. Fusce at leo eu velit tempus molestie. Nam justo erat, vulputate vitae euismod sit amet, lacinia non nulla.
SNDL-Contain_Themed
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum interdum nunc vel auctor. Suspendisse aliquet diam eros, at suscipit sapien sagittis ut. Ut non commodo enim, non pulvinar arcu. Curabitur lectus sem, accumsan vel ultricies in, consectetur at elit. Morbi non efficitur erat, sit amet bibendum est. Fusce at leo eu velit tempus molestie. Nam justo erat, vulputate vitae euismod sit amet, lacinia non nulla.
SNDL-Contain_Themed-Inverted (Note: Text_Invert is on)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum interdum nunc vel auctor. Suspendisse aliquet diam eros, at suscipit sapien sagittis ut. Ut non commodo enim, non pulvinar arcu. Curabitur lectus sem, accumsan vel ultricies in, consectetur at elit. Morbi non efficitur erat, sit amet bibendum est. Fusce at leo eu velit tempus molestie. Nam justo erat, vulputate vitae euismod sit amet, lacinia non nulla.
Striped Backgrounds
Notice: you may reverse the animation with SNDL-Animation_Reverse.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
WARNING: We are going to steal your balls.
Due to an action on your end breaking The Sirio Network's Terms of Service we have decided to seek damages, this can be repaid easily by giving us your balls.
For more information or to appeal this decision you may contact a TSN Administrator here.
SNJS - Notifications
Normal Notification
Red Notification
Orange Notification
Yellow Notification
Green Notification
Cyan Notification
Blue Notification
Purple Notification
Pink Notification
Grey Notification