From ae7e2a22fd636f1c93529a2beab918ebf104a3c9 Mon Sep 17 00:00:00 2001 From: Vozer <76500838+SlippingGitty@users.noreply.github.com> Date: Sun, 5 Jun 2022 11:17:42 -0500 Subject: [PATCH] it's allll coming together now.... --- src/_chat.scss | 65 ++++++++++++ src/_flyouts.scss | 197 ++++++++++++++++++++++++++++++++++++ src/_friends.scss | 64 ++++++++++++ src/_guilds.scss | 48 +++++++++ src/_index.scss | 9 ++ src/_modules.scss | 80 +++++++++++++++ src/_settings.scss | 16 +++ src/_sidebars.scss | 61 +++++++++++ src/_titlebar.scss | 30 ++++++ src/fixations/_buttons.scss | 39 +++++++ src/fixations/_index.scss | 2 + src/fixations/_plugins.scss | 16 +++ 12 files changed, 627 insertions(+) create mode 100644 src/_chat.scss create mode 100644 src/_flyouts.scss create mode 100644 src/_friends.scss create mode 100644 src/_guilds.scss create mode 100644 src/_index.scss create mode 100644 src/_modules.scss create mode 100644 src/_settings.scss create mode 100644 src/_sidebars.scss create mode 100644 src/_titlebar.scss create mode 100644 src/fixations/_buttons.scss create mode 100644 src/fixations/_index.scss create mode 100644 src/fixations/_plugins.scss diff --git a/src/_chat.scss b/src/_chat.scss new file mode 100644 index 0000000..a5010c2 --- /dev/null +++ b/src/_chat.scss @@ -0,0 +1,65 @@ +/* +//////////////////////// +/// Chat Area +//////////////////////// +/* + +/* Text Box */ +.scrollableContainer-15eg7h, .hasConnectedBar-1vN2JH, .preview-QJ3OG3 { + border-radius: 20px; + border: 1px solid rgb(97, 96, 99); + } + .scrollableContainer-15eg7h:hover { + box-shadow: 0 0 2px 2px #4189c38c; + } + .theme-dark .autocomplete-3NRXG8 { + background: rgba(41, 38, 39, 0.276); + backdrop-filter: blur(20px); + border: 1px solid rgb(78, 78, 81); +} +.autocompleteRowVerticalSmall-2rVED0 .base-2v-uc0:hover, .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover { + background-color: rgba(26, 127, 251, 0.612) !important; +backdrop-filter: blur(10px); +} + .clickable-2V8YKY[aria-disabled=false]>.base-2v-uc0:hover, .clickable-2V8YKY[aria-selected=true]>.base-2v-uc0 { + background-color: rgba(26, 127, 251, 0.353) !important; + backdrop-filter: blur(10px); + } + +/* New Messages Banner */ +.newMessagesBar-1hF-9G { + background-color: rgba(26, 127, 251, 0.612) !important; +backdrop-filter: blur(10px); + border-radius: 50px; + margin-top: 2px; +} + +/* Reply Bar */ +.replyBar-1oi75v, .jumpToPresentBar-1cEnH0 { + background-color: rgba(26, 127, 251, 0.612) !important; +backdrop-filter: blur(10px); + border-radius: 50px; + margin-bottom: 2px; +} +.attachedBars-2BCP3l, .clipContainer-31nYlH, .container-A2jo65, .channelTextArea-1FufC0 { + background: transparent; +} + +/* Embeds and MarkUp */ +.grid-1aWVsE, .markup-eYLPri code { + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + background: rgba(41, 38, 39, 0.276); +} +.embedFull-1HGV2S { + background-color: transparent; + } + +/* Nitro Claim a Gift, Join a Server */ +.description-X8_53U, .userSelectNone-3AtPzf { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + background: rgba(41, 38, 39, 0.276); +} \ No newline at end of file diff --git a/src/_flyouts.scss b/src/_flyouts.scss new file mode 100644 index 0000000..4c5568b --- /dev/null +++ b/src/_flyouts.scss @@ -0,0 +1,197 @@ +/* +//////////////////// +////Fly Outs +/////////////////// +*/ + +/* Pins/Inbox */ +.messagesPopoutWrap-3zryHW, .container-2ebMPP { + background: rgba(0, 0, 0, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; +} +.header-1w9Q93, .footer-5ji8u1 { + background: rgba(0, 0, 0, 0) !important; +} + .channelHeader-DFRX8q { + border-radius: 20px; + background: rgba(55, 55, 55, 0); + position: inherit; + } + .messageContainer-3VTXBC, .messages-23can0, .messageGroupWrapper-1jf_7C { + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + } + .collapseButton-39-IRc { + left: 6px; + } + + +/* Quick Switcher */ +.quickswitcher-pKcM9U { + background: rgba(93, 93, 93, 0); +} +.scroller-2qwVWY, .input-3r5zZY { + background: rgba(93, 93, 93, 0); +} + +/* User Popout */ + .popout_28, .userPopout-2j1gM4 { + background: rgba(0, 0, 0, 0.436) !important; + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 10px; +} +.bodyInnerWrapper-2bQs1k, .footer-3naVBw { + background: rgba(0, 0, 0, 0) !important; +} + .role-2TIOKu { + border: 1px solid rgb(78, 78, 81); + } + .input-2z42oC { + border-radius: 50px; + background: rgba(107, 107, 107, 0.392) !important; + backdrop-filter: blur(10px); + } + +/* Full User Popout */ +.theme-dark .root-g14mjS, .container-2O1UgZ { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + background: rgba(41, 38, 39, 0.276); +} + .body-1Ukv50, .topSection-13QKHs { + background: rgba(41, 38, 39, 0); + } + + +/* Emoji Menu */ +.contentWrapper-3vHNP2, .popoutContainer-2wbmiM, .emojiPicker-6YCk8a { + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; +} + .guildSection-2Zyzy8{ + background-color: transparent; + } + .header-1ULbqO, .packHeader-w9jpYl { + border-radius: 20px; + background: rgba(55, 55, 55, 0); + position: inherit; + } + .inspector-DFKXwB, .categoryList-2qRrlj, .categoryList-2GgCrD{ + background-color: rgba(0, 0, 0, 0); + } + .unicodeShortcut-3N8oDe, .standardStickerShortcut-ObSns3 { + background: rgba(0, 0, 0, 0.933); + } + .button-1zW0-r { + background-color: rgba(26, 127, 251, 0.358); + backdrop-filter: blur(10px); + } + +/* Context & Status Menus */ +.menu-1QACrS { + background: none; + } + .menu-1QACrS::after { + content: ''; + position: absolute; + inset: 0; + z-index: -1; + border-radius: inherit; + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + } + + +/* Search Options */ +.searchInput-3pIoTy { + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; +} +.resultsGroup-cfY57t { + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; +} +.searchOption-3u1gRt:hover { + background: rgba(26, 127, 251, 0.612) !important; + border-radius: 4px; +} + +/* Search Results */ +.searchResult-O9NDji, .scroller-3iiyhZ { + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + margin-right: 5px; + margin-left: 5px; + + margin-top: 5px; +} + .channelName-3w2Y3c, .searchResultsWrap-5RVOkx { + background: transparent; + } + .searchHeader-1r_ZSh { + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + border-radius: 20px; + margin-right: 8px; + margin-left: 5px; + margin-top: 8px; + } + .searchHeader-1r_ZSh:hover { + box-shadow: 0 0 2px 3px #4189c38c; + } + + +/* Hovering over Menus */ +.colorDefault-CDqZdO:hover { + background: rgba(26, 127, 251, 0.612) !important; + border-radius: 4px; +} + .label-2gNW3x { + color: white; + } + +/* All Active Threads */ +.container-3GP6AV, .header-3cSJjT { + background: rgba(0, 0, 0, 0.59); + backdrop-filter: blur(10px); +} +.container-2rzKKA { + background: rgba(0, 0, 0, 0.436); + backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; +} + .container-2rzKKA:hover { + box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.612) !important; + border-radius: 4px; + } + .list-3YHPPb, .activeThreadsList-12IFYm { + background-color: transparent; + } diff --git a/src/_friends.scss b/src/_friends.scss new file mode 100644 index 0000000..3b3810e --- /dev/null +++ b/src/_friends.scss @@ -0,0 +1,64 @@ +/* +//////////////////////// +////Friends List +//////////////////////// +*/ + +/* Friends themselves */ +.peopleListItem-u6dGxF { + backdrop-filter: blur(20px); + box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + background: rgb(40, 38, 42); + margin-bottom: 13px; + margin-top: 13px; + padding-left: 10px; +} +.peopleListItem-u6dGxF:hover { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.487); + border-radius: 10px; + transition: 0.3s; + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + background: rgba(41, 38, 39, 0.276); + margin-bottom: 13px; + margin-top: 13px; +} + .actions-YHvpIT { + padding-right: 10px; + } + .actionButton-3-B2x- { + margin-right: 13px; + } +.peopleColumn-1wMU14 { + background: rgb(33, 31, 35); +} + +/* Active Now */ +.itemCard-3Etziu { + backdrop-filter: blur(20px); + box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + background: rgba(88, 84, 85, 0.276); + margin-bottom: 13px; + margin-top: 13px; + padding-left: 10px; +} + .section-3G9aLW:only-child { + border: 1px solid rgb(78, 78, 81); + box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.483); + } +.itemCard-3Etziu:hover { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(26, 127, 251, 0.487); + border-radius: 10px; + transition: 0.3s; + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; + background: rgba(41, 38, 39, 0.276); + margin-bottom: 15px; + margin-top: 15px; +} \ No newline at end of file diff --git a/src/_guilds.scss b/src/_guilds.scss new file mode 100644 index 0000000..66eb6c1 --- /dev/null +++ b/src/_guilds.scss @@ -0,0 +1,48 @@ +/* +/////////////////////// +//// Guilds +/////////////////////// +*/ +.guilds-2JjMmN .scroller-3X7KbA, .wrapper-1_HaEi { + background-color: rgb(42, 40, 44); +} + .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH{ + background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ; + } + .expandedFolderBackground-1kSAf6 { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 15px; + background: rgba(41, 38, 39, 0.276); + } + .closedFolderIconWrapper-3tRb2d { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 15px; + background: rgba(41, 38, 39, 0.276); + } + .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { + display: none; + } + .folder-241Joy, .folder-241Joy:hover { + background-color: #00000000; + } + .item-2LIpTv { + width: 8px; + border-radius: 5px 5px 5px 5px; + margin-left: 0px; + background-color: rgb(145, 138, 152); + } + .circleIconButton-1VxDrg { + backdrop-filter: blur(20px); + border: 1px solid rgb(78, 78, 81); + border-radius: 15px; + background: rgba(39, 38, 41, 0.276); + color: rgba(26, 127, 251, 0.612); + } + .circleIconButton-1VxDrg:hover { + background: rgba(99, 81, 199, 0.276); + color: rgba(255, 255, 255, 0.612); + } diff --git a/src/_index.scss b/src/_index.scss new file mode 100644 index 0000000..946ef25 --- /dev/null +++ b/src/_index.scss @@ -0,0 +1,9 @@ +@use 'modules'; +@use 'titlebar'; +@use 'guilds'; +@use 'chat'; +@use 'friends'; +@use 'sidebars'; +@use 'flyouts'; +@use 'settings'; +@use 'fixations'; \ No newline at end of file diff --git a/src/_modules.scss b/src/_modules.scss new file mode 100644 index 0000000..6a894fb --- /dev/null +++ b/src/_modules.scss @@ -0,0 +1,80 @@ +/* +//////////////////////////////////////// +///Colors and other small details +//////////////////////////////////////// +*/ + +/* LUCKFIRE - macOS Title Bar - LICENSE https://github.com/discord-extensions/macos-titlebar/blob/master/LICENSE */ +@import url('https://discord-extensions.github.io/macos-titlebar/src/source.css'); + +/* TROPICAL - CHECKBOXES - SLATE THEME - https://github.com/DiscordStyles/Slate/blob/master/LICENSE.md */ +#app-mount .container-2nx-BQ .input-2XRLou, #app-mount .container-2nx-BQ .input-3xr72x, #app-mount .checkboxWrapper-2fDzaA .input-2XRLou, #app-mount .checkboxWrapper-2fDzaA .input-3xr72x { + margin: 0; + opacity: 1; + height: 14px !important; + width: 14px !important; + position: relative; + cursor: var(--cursor); + -webkit-appearance: checkbox; + appearance: checkbox; +} +#app-mount .container-2nx-BQ, #app-mount .checkboxWrapper-2fDzaA { + width: auto; + border-radius: 0; + background: transparent !important; + display: flex; + align-items: center; + box-shadow: none; + -webkit-box-shadow: none; + cursor: var(--cursor); +} +#app-mount .container-2nx-BQ .slider-32CRPX, #app-mount .checkboxWrapper-2fDzaA .slider-32CRPX { + display: none; +} +.theme-dark .checkbox-f1HnKB { +display:none; +} + +/* Compact Powercord Theme Toggler and Plugins Products */ +.powercord-product { + padding: 9px; + margin-bottom: 13px; + } + .powercord-product-header h4 { + font-size: 16px; + } + .powercord-product .divider-3LgWDL { + display: none; + } + .description, .powercord-product .metadata, .powercord-product-permissions, .powercord-product-footer { + margin-top: 4px; + font-size: 13px; + } + +/* Color Pallete */ +.theme-dark { + --background-tertiary: rgb(42, 40, 44); + --background-secondary: rgb(42, 40, 44); + --background-secondary-alt: rgb(42, 40, 44); + --background-primary: rgb(31, 30, 30); + --channeltextarea-background: rgb(30, 30, 30); + --background-accent: rgb(26, 129, 251); + --background-modifier-hover: rgb(65, 63, 66); + --background-modifier-active: rgb(30, 30, 30); + --background-modifier-selected: rgb(26, 129, 251); + --deprecated-card-bg: #12141f63; + --background-floating: rgba(35, 35, 35, 0.771); + --deprecated-quickswitcher-input-background:#101320; + --elevation-low: none; + --toast-background: #292841 !important; + --toast-header: #101320 !important; + --toast-contents: #23283d !important; +} + + +/* Font */ +* { + font-family: -apple-system, BlinkMacSystemFont, sans-serif !important; + text-rendering: optimizeLegibility !important; + text-transform: none; +} diff --git a/src/_settings.scss b/src/_settings.scss new file mode 100644 index 0000000..245db1e --- /dev/null +++ b/src/_settings.scss @@ -0,0 +1,16 @@ +/* +////////////////////////// +/////Settings +////////////////////////// +*/ + +/* Account Profile Card */ +.accountProfileCard-lbN7n-, .profileBannerPreview-3mLIdO { + background: rgba(0, 0, 0, 0.436); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 5px; +} +.fieldList-in8WkP, .background-3d_SjE { + background-color: transparent; +} \ No newline at end of file diff --git a/src/_sidebars.scss b/src/_sidebars.scss new file mode 100644 index 0000000..1529a3f --- /dev/null +++ b/src/_sidebars.scss @@ -0,0 +1,61 @@ +/* +//////////////////// +///Sidebars +//////////////////// +*/ + +/* Channel Bars */ +.scroller-WSmht3, .scroller-1ox3I2, .container-1zzFcN { + border-right: .5px solid black; + border-top: .5px solid black; +} + +/* User Settings */ +.container-YkUktl { + background: rgba(0, 0, 0, 0.436); +backdrop-filter: blur(10px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 20px; + margin-bottom: 10px; + margin-right: 5px; + margin-left: 0px; +} + .panels-3wFtMD { + background-color: #00000000; + border-right: .5px solid black; + } + +.searchBar-3TnChZ { + border-right: .5px solid black; +} +.interactiveSelected-29CP8y { + background: rgba(26, 127, 251, 0.612) !important; + backdrop-filter: blur(20px); +} +.container-2o3qEW { + border-left: .5px solid black; +} + +/* Channels */ +.modeSelected-3DmyhH .icon-2W8DHg, .modeSelected-3DmyhH:hover .icon-2W8DHg, .modeUnread-3Cxepe .icon-2W8DHg, .modeUnread-3Cxepe:hover .icon-2W8DHg, .mainContent-uDGa6R .overflow-1wOqNV, .mainContent-uDGa6R { + color: white; +} +.icon-2W8DHg { + color: rgb(16,138,225); +} +.modeUnread-3Cxepe .icon-2W8DHg { + color: rgb(44, 192, 90); +} +.actionIcon-2sw4Sl { + color: rgb(255, 255, 255); +} +.addButtonIcon-3rJeaD { + border-radius: 50%; + color: rgb(44, 192, 90); +} +.unreadRelevant-2f-VSK { + background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ; + width: 8px; + border-radius: 5px 5px 5px 5px; +} \ No newline at end of file diff --git a/src/_titlebar.scss b/src/_titlebar.scss new file mode 100644 index 0000000..2daebcf --- /dev/null +++ b/src/_titlebar.scss @@ -0,0 +1,30 @@ +/* +///////////////////////// +//// Title Bar on macOS +///////////////////////// +*/ + +/* Title Bar */ +.container-ZMc96U.themed-Hp1KC_, .header-3OsQeK { + background: rgb(55, 53, 55) !important; + border-bottom: .5px solid black; +} + .communityInfoPill-2Mll66 { + display: none; + } +.theme-dark .children-3xh0VB:after { + background: rgba(0, 0, 0, 0); +} + .title-17SveM { + font-weight: 900; + } + +/* Search and other Text fields */ +.searchBar-jGtisZ, .searchBar-3TnChZ .searchBarComponent-3N7dCG, .inner-2pOSmK, .wrapper-n2dlvs, .searchBar-2M9mRP, .input-2z42oC { + background-color: rgb(53, 51, 55); + border-radius: 4px; + border: 1px solid rgb(97, 96, 99); +} +.searchBar-jGtisZ:hover, .searchBar-3TnChZ .searchBarComponent-3N7dCG:hover, .wrapper-n2dlvs:hover, .inner-2pOSmK:hover, .searchBar-2M9mRP:hover, .input-2z42oC:hover, .searchBar-2aylmZ:hover { + box-shadow: 0 0 3px 3px rgb(32, 83, 148); +} \ No newline at end of file diff --git a/src/fixations/_buttons.scss b/src/fixations/_buttons.scss new file mode 100644 index 0000000..2d35549 --- /dev/null +++ b/src/fixations/_buttons.scss @@ -0,0 +1,39 @@ +/* +//////////////////////// +//////Buttons +//////////////////////// +*/ + + +/* Buttons */ +.button-2b4VEQ.buttonSize-3QlBTl, .lookFilled-yCfaCM.colorPrimary-2AuQVo, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ, .full-motion .button-1_oXub, .lookFilled-yCfaCM.colorBrand-I6CyqQ { + background-color: rgb(26, 129, 251); + color: white; + border-radius: 50px; +} +.popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ { + border: 1px solid rgb(255, 255, 255); +} +.button-2b4VEQ.buttonSize-3QlBTl:hover, .actionButton-3-B2x-:hover, .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .popoutBannerPremium-3i5EEI .pencilContainer-18TrEJ:hover { + background-color: rgba(0, 78, 174, 0.977); + border-radius: 10px; + transition: 0.3s; +} +.actionButton-3-B2x- { + background-color: rgb(26, 129, 251); + color: white; +} +.lookFilled-yCfaCM.colorRed-rQXKgM { + background: linear-gradient(to bottom, rgb(238, 52, 48) 0%,rgb(238, 52, 48) 50%,rgba(205, 43, 40, 0.999) 100%); + border-radius: 50px; + border: 1px solid rgb(182, 0, 0); + box-shadow: 0 0 3px 3px rgba(255, 0, 0, 0.483); +} +.lookOutlined-3yKVGo.colorRed-rQXKgM { + background: linear-gradient(to bottom, rgb(255, 4, 0) 0%,rgb(255, 4, 0) 50%,rgba(255, 4, 0, 0.999) 100%); + border-radius: 50px; +} +.numberBadge-37OJ3S, .newBadge-1bHewI { + background: linear-gradient(to bottom, rgb(238, 52, 48) 0%,rgb(238, 52, 48) 50%,rgba(238, 52, 48, 0.999) 100%); + font-size: 10px; + } \ No newline at end of file diff --git a/src/fixations/_index.scss b/src/fixations/_index.scss new file mode 100644 index 0000000..0008001 --- /dev/null +++ b/src/fixations/_index.scss @@ -0,0 +1,2 @@ +@use 'buttons'; +@use 'plugins'; \ No newline at end of file diff --git a/src/fixations/_plugins.scss b/src/fixations/_plugins.scss new file mode 100644 index 0000000..a9c2518 --- /dev/null +++ b/src/fixations/_plugins.scss @@ -0,0 +1,16 @@ +/* +//////////////////////// +//////Plugins +//////////////////////// +*/ + +/* ---------- xenoLib/Lighty plugins ------------ */ + +/* In App Notifications */ +.xenoLib-notification-content { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(146, 146, 146); + border-radius: 5px; + background: rgba(41, 38, 39, 0.276); +}