From b40199daa0b0ffc9ae1467c04b3597ac555f61f8 Mon Sep 17 00:00:00 2001 From: Sirius B <87911136+SiriusBYT@users.noreply.github.com> Date: Sat, 4 May 2024 15:11:40 +0200 Subject: [PATCH] LPM_240504 --- manifest.json | 2 +- package.json | 2 +- src/LPM/0-Kernel/BIOS.css | 7 +- src/LPM/0-Kernel/Ring2.css | 8 ++ src/LPM/1-Theme/01-CustomIMG.css | 41 ++++++- src/LPM/2-Control/00-Panel.css | 2 +- src/LPM/3-Major/0-Chat_External.css | 18 +--- src/LPM/3-Major/0-Chat_Internal.css | 15 +-- src/LPM/3-Major/1-Other_Popup.css | 1 - src/LPM/4-Minor/0-Base.css | 4 - src/LPM/lpm.css | 161 +++++++++++----------------- src/LPM/main.css | 1 + 12 files changed, 116 insertions(+), 146 deletions(-) create mode 100644 src/LPM/0-Kernel/Ring2.css diff --git a/manifest.json b/manifest.json index 4d92ea2..eb214f4 100644 --- a/manifest.json +++ b/manifest.json @@ -7,7 +7,7 @@ "discordID": "311057290562371586", "github": "SiriusBYT" }, - "version": "LPM-240423", + "version": "LPM-240504", "updater": { "type": "store", "id": "com.sirio-network.Flashcord-LPM" diff --git a/package.json b/package.json index 5717760..07fa579 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Flashcord for Low-End Systems (LPM)", - "version": "LPM-240423", + "version": "LPM-240504", "description": "Flashcord but nerfed, debloated. A stripped down version for those who want a no non-sense experience. [i] Read the Flashcord Wiki for more information [i]", "engines": { "node": ">=18.0.0", diff --git a/src/LPM/0-Kernel/BIOS.css b/src/LPM/0-Kernel/BIOS.css index ee7f2c6..34ce213 100644 --- a/src/LPM/0-Kernel/BIOS.css +++ b/src/LPM/0-Kernel/BIOS.css @@ -12,7 +12,7 @@ Kernel/BIOS Handles fonts, variables and idle optimizations.*/ --FlashCore-Branch: "Flashcord"; --FlashCore-Channel: "LPM"; - --FlashCore-Version: "240423"; + --FlashCore-Version: "240504"; } /* Idle Optimizations // Iridescent Mode disables those automatically. @@ -29,9 +29,6 @@ Maybe it will work on LPM because there's less shit though? */ --Flashcord-Animation_Multiplier: 0; --Flashcord-Transition_Multiplier: 0; --Flashcord-Blur_Multiplier: 0; - - --Flashcord-Module_Guild-Notification: FCM-Guild_Notification_Static; - --Flashcord-Module_Channel-Notification: FCM-Channel_Notification-Static; } } @@ -43,7 +40,6 @@ body { /* Theming // Setting stuff for Background Images */ background-repeat: no-repeat; object-fit: cover; background-size: cover; - container-name: var(--FlashCore-Theme, FCM-Theme_LegacyCBM); } html.custom-theme-background { /* Permits Transparent Backgrounds (This will get rid of Nitro Themes!) */ @@ -66,6 +62,7 @@ html.custom-theme-background { /* Permits Transparent Backgrounds (This will get --bg-overlay-home: var(--FlashCore-Theme_Color); --bg-overlay-home-card: var(--FlashCore-Theme_Color); --bg-overlay-app-frame: var(--FlashCore-Theme_Color); + container-name: var(--FlashCore-Theme, FCM-Theme_HookerlessCBM); } html { /* bSID-DEV_240314: This file is ugly. Too bad! // bSID-DEV_240315: Unfucking in progress. // bSID-DEV_240420: Now merged in BIOS File! */ diff --git a/src/LPM/0-Kernel/Ring2.css b/src/LPM/0-Kernel/Ring2.css new file mode 100644 index 0000000..6c44cf6 --- /dev/null +++ b/src/LPM/0-Kernel/Ring2.css @@ -0,0 +1,8 @@ +/* Kernel/Ring3 handles branding. */ + +[class^="notAppAsidePanel_"]::before { + color: var(--Flashcord-Text); font-size: 12px; font-weight: 900; + position: absolute; top: 8px; left: 6px; width: 100vw; opacity: 0.5; z-index: 1; + user-select: none; pointer-events: none; + content: "🪟 " var(--FlashCore-Branch) " " var(--FlashCore-Channel) "-" var(--FlashCore-Version); +} /* bSID-DEV_240422 RC3: This is only used for Windows now. */ \ No newline at end of file diff --git a/src/LPM/1-Theme/01-CustomIMG.css b/src/LPM/1-Theme/01-CustomIMG.css index 80344b9..27b3c41 100644 --- a/src/LPM/1-Theme/01-CustomIMG.css +++ b/src/LPM/1-Theme/01-CustomIMG.css @@ -1,8 +1,39 @@ /* Theme/CustomIMG is responsable for adding the CBM Advanced Theme. */ -@container FCM-Theme_LegacyCBM (min-width: 0) { - body { --Flashcord-Module_Chat-Slide: FCM-Chat-Slide_Legacy; --Flashcord-UI_Brightness: 0.5; background-image: var(--Flashcord-Image_CBM); } - .custom-theme-background #app-mount { backdrop-filter: var(--Flashcord-Filter_CBM); } - [class^="layer_"]:nth-child(2) { border: 1px solid white; } - .custom-theme-background [class^="chat_"] [class^="title_"] [class^="children_"]::after { content: var(--FCL-Warning_Deprecated) !important; } +.custom-theme-background { --FlashCore-Theme_Color: transparent; --Flashcord-Module_Chat-Slide: void; } +.custom-theme-background.theme-dark { + --interactive-muted: #A0A0A0; + --interactive-hover: white; + --channels-default: #EEEEEE; + + --Flashcord-UI_Brightness: 2; + --background-floating: rgba(6,6,6,0.5); + --background-modifier-selected: rgba(16,16,16,0.5); + --background-modifier-hover: rgba(175, 169, 169, 0.5); +} +.custom-theme-background.theme-light { + --interactive-muted: #5f5f5f; + --primary-330: #5f5f5f; + --interactive-hover: black; + --channels-default: #111111; + --Flashcord-UI_Brightness: 1; + --background-floating: rgba(155,155,155,0.5); + --background-modifier-selected: rgba(200,200,200,0.5); + --background-modifier-hover: rgba(255,255,255,0.5); +} + +/* Feel free to port this to a Flashcord Module to SID for non-replugged/non-themehooker users. +SID/STB cannot do this because it would cause an inflated file size which I do not want at all considering how huge SID/STB is already. +Also this solution is rather messy and may fuck up other stuff // Note that Hookerless CBM has less stuff as this is destined for LPM. */ +@container FCM-Theme_HookerlessCBM (min-width: 0) { + body::before { + position: absolute; top: 0; left: 0; z-index: 0; + content: ""; width: 100vw; height: 100vh; + backdrop-filter: var(--Flashcord-Filter_CBM); + } body { background-repeat: no-repeat; background-image: var(--Flashcord-Image_CBM); } + @container FCM-Member-Slide (min-width: 0) { + [class^="membersWrap_"] { transition-property: background-color; transition-duration: var(--Flashcord-Transition_Normal); } + [class^="membersWrap_"]:hover { background-color: var(--Flashcord-Floating); } + } [class^="autocomplete_"], [class^="autocomplete_"] [class*="categoryHeader_"] { background: var(--Flashcord-Heavy-Floating) !important; } + @container FCM-Popup-Menu (min-width: 0) { [role="menu"] { background: var(--Flashcord-Floating); } } } \ No newline at end of file diff --git a/src/LPM/2-Control/00-Panel.css b/src/LPM/2-Control/00-Panel.css index e400b86..b7b7dd8 100644 --- a/src/LPM/2-Control/00-Panel.css +++ b/src/LPM/2-Control/00-Panel.css @@ -38,7 +38,7 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ } [class^="sidebarRegion_"] { - container-name: var(--Flashcord-Module_ControlPanel_SidebarTweaks,FCM-Control-Panel_Tweaks); + container-name: var(--Flashcord-Module_ControlPanel_SidebarTweaks, FCM-Control-Panel_Side-Tweaks); container-type: inline-size; } diff --git a/src/LPM/3-Major/0-Chat_External.css b/src/LPM/3-Major/0-Chat_External.css index 4bc43cf..e67ed22 100644 --- a/src/LPM/3-Major/0-Chat_External.css +++ b/src/LPM/3-Major/0-Chat_External.css @@ -13,13 +13,6 @@ :is([class^="container_"]:has([class*="sidebar_"]:hover, [data-list-id="guildsnav"]:hover)) .chat__52833 { /* [!] */ translate: 0px; } [class^="chat_"]:has([class^="pageBody-"]) { margin-right: 0; translate: 0; } -} @container FCM-Chat-Slide_Legacy (min-width: 0) { - [class^="sidebar_"] { - width: 40px; transition-property: width; transition-duration: var(--Flashcord-Transition_Normal); - } [class^="scroller_"] { translate: -2px;} - :is([class*="baseLayer_"]:has([class*="guilds_"]:hover, [class^="sidebar_"]:hover)) .sidebar_e031be { /* [!] */ - width: 240px; will-change: width; /* <- no idea if this helps lmfao - bSID-DEV_240421*/ - } nav, section { overflow-x: hidden; width: 240px;} } @@ -32,8 +25,6 @@ position: relative; z-index: 1; margin-left: -190px; translate: 190px; - --Initial: 250px; --Final: 190px; - animation: SNDL-Translate_Custom var(--Flashcord-Animation_XSlow); transition-property: translate; transition-duration: var(--Flashcord-Transition_Normal); } [class^="container_"]:has([class^="membersWrap_"]:hover) { translate: 0px; } @@ -54,10 +45,6 @@ container-name: var(--Flashcord-Module_Guild-Notification, FCM-Guild_Notification-Static); container-type: inline-size; } @container FCM-Guild_Notification-Static (min-width: 0) { - [class^="listItem_"] { - transition-property: scale, filter !important; - transition-duration: var(--Flashcord-Transition_Fast); - } [class^="listItem_"]:has([style*="height: 8px"], [class^="lowerBadge-"]), [class^="listItem_"]:hover { scale: 0.975; filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) var(--Flashcord-Guild_Notification-Color)); } [class^="pill_"] { display: none; } @@ -147,8 +134,9 @@ [class^="children_"] svg:has([d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"]) { display: block; animation: SNDL-Fade_In var(--Flashcord-Animation_Slow);} [class^="children_"] svg { display: none; } - [class^="positionedContainer_"] > [class^="container_"] { justify-content: flex-start; left: 13px; } - [class^="positionedContainer_"] svg { margin-right: 8px;} + /* Unread/Mention Pill aligned to left for Chat-SLide to be less painful to use */ + [class*="top_"], [class*="bottom_"] { justify-content: flex-start; left: 13px; } + [class*="top_"] svg, [class*="bottom_"] svg { margin-right: 8px;} } #channels { diff --git a/src/LPM/3-Major/0-Chat_Internal.css b/src/LPM/3-Major/0-Chat_Internal.css index 78506d5..4dbe982 100644 --- a/src/LPM/3-Major/0-Chat_Internal.css +++ b/src/LPM/3-Major/0-Chat_Internal.css @@ -31,11 +31,6 @@ container-name: var(--Flashcord-Chatbox, FCM-Chatbox_L1); container-type: inline-size; border-radius: var(--Flashcord-UI_Border-Radius); } - [class^="typing_"] { - top: -24px; width: fit-content; - margin-left: auto; margin-right: auto; - --Initial: 0 5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_Normal) !important; - } [class^="typing_"]:has([class^="typingDots_"]) { margin-left: 0; margin-right: 0; } [class^="cooldownWrapper_"] { margin: auto !important; } [class^="form_"] { padding: 0 0px 0 8px; z-index: 1; } @@ -45,14 +40,6 @@ [class^="inner_"] { display: flex; align-items: center; padding: 0 8px 0 8px; - } [class^="placeholder_"] { display: none; } - [class^="attachWrapper_"] { - width: min-content; height: min-content; - margin: auto; translate: 4px; - } [class^="attachButton_"] { width: min-content; height: min-content; } - [class^="sprite_"], svg { - transition-property: opacity, scale; transition-duration: var(--Flashcord-Transition_Fast); - opacity: 0.5; - } [class^="sprite_"]:hover, svg:hover { opacity: 0.8; scale: 1.1; } [class^="sprite_"]:active, svg:active { scale: 0.9; } + } [class^="sprite_"], svg { opacity: 0.5; } } } \ No newline at end of file diff --git a/src/LPM/3-Major/1-Other_Popup.css b/src/LPM/3-Major/1-Other_Popup.css index 19cea6b..1003501 100644 --- a/src/LPM/3-Major/1-Other_Popup.css +++ b/src/LPM/3-Major/1-Other_Popup.css @@ -5,7 +5,6 @@ container-type: inline-size; contain: paint; } @container FCM-Popup-Menu (min-width: 0) { - .theme-light, .theme-dark { animation: SNDL-Fade_In var(--Flashcord-Animation_Fast) ease-in-out;} [class^="scroller_"] { padding: 4px !important; } [class*="menu"] { border-radius: var(--Flashcord-UI_Border-Radius); min-width: 0;} [class^="item_"] {border-radius: var(--Flashcord-UI_Border-Radius); transition-property: background-color; transition-duration: var(--Flashcord-Transition_Fast); } diff --git a/src/LPM/4-Minor/0-Base.css b/src/LPM/4-Minor/0-Base.css index 0bb89f9..92da441 100644 --- a/src/LPM/4-Minor/0-Base.css +++ b/src/LPM/4-Minor/0-Base.css @@ -1,8 +1,4 @@ /* Minor/Base contains minor modifications which are located in Discord's BaseLayer */ -/* Real men don't need help. */ -[href="https://support.discord.com"] { display: none; } -[class^="recentsIcon_"] { width: 38px; } /* This is required to fix alignment issues due to removing the help button */ - /* @ Before Usernames */ [class^="userTagUsernameBase_"]:before, [class^="usernameInnerRow_"]:before { content: "@" } \ No newline at end of file diff --git a/src/LPM/lpm.css b/src/LPM/lpm.css index 3ce38d7..3d324ad 100644 --- a/src/LPM/lpm.css +++ b/src/LPM/lpm.css @@ -4,14 +4,6 @@ NOTICE: Every time there is a "[!] FCM-Wildcard_PerfNuker" this means that using Kernel/BIOS Handles fonts, variables and idle optimizations.*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); -@font-face { font-family: 'Fixedsys Excelsior'; font-weight: normal; font-style: normal; font-display: swap; - src: url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.eot'); - src: url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.eot?#iefix') format('embedded-opentype'), - url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.woff2') format('woff2'), - url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.woff') format('woff'), - url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.ttf') format('truetype'), - url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.svg#FixedsysExcelsiorIIIb') format('svg'); -} /* The FixedSys Excelsior Font is used for Terminal mode, it is a retro monospace font. */ :root { /* Root Variables & Build ID */ --Flashcord-Font: "Roboto"; /* bSID-DEV_240317: For some ODD ASS REASON, I have to put this here, Ring1 doesn't take any of it. */ --font-primary: var(--Flashcord-Font); @@ -20,7 +12,7 @@ Kernel/BIOS Handles fonts, variables and idle optimizations.*/ --FlashCore-Branch: "Flashcord"; --FlashCore-Channel: "LPM"; - --FlashCore-Version: "240423"; + --FlashCore-Version: "240504"; } /* Idle Optimizations // Iridescent Mode disables those automatically. @@ -37,9 +29,6 @@ Maybe it will work on LPM because there's less shit though? */ --Flashcord-Animation_Multiplier: 0; --Flashcord-Transition_Multiplier: 0; --Flashcord-Blur_Multiplier: 0; - - --Flashcord-Module_Guild-Notification: FCM-Guild_Notification_Static; - --Flashcord-Module_Channel-Notification: FCM-Channel_Notification-Static; } } @@ -51,7 +40,6 @@ body { /* Theming // Setting stuff for Background Images */ background-repeat: no-repeat; object-fit: cover; background-size: cover; - container-name: var(--FlashCore-Theme, FCM-Theme_LegacyCBM); } html.custom-theme-background { /* Permits Transparent Backgrounds (This will get rid of Nitro Themes!) */ @@ -74,6 +62,7 @@ html.custom-theme-background { /* Permits Transparent Backgrounds (This will get --bg-overlay-home: var(--FlashCore-Theme_Color); --bg-overlay-home-card: var(--FlashCore-Theme_Color); --bg-overlay-app-frame: var(--FlashCore-Theme_Color); + container-name: var(--FlashCore-Theme, FCM-Theme_HookerlessCBM); } html { /* bSID-DEV_240314: This file is ugly. Too bad! // bSID-DEV_240315: Unfucking in progress. // bSID-DEV_240420: Now merged in BIOS File! */ @@ -82,7 +71,6 @@ html { /* bSID-DEV_240314: This file is ugly. Too bad! // bSID-DEV_240315: Unfuc /* General Variables */ --Flashcord-Font_Primary: "Roboto"; /* bSID-DEV_240412: This may not get used because --Flashcord-Font exists and seems to be the only one working. */ - --Flashcord-Font_Monospace: "Fixedsys Excelsior"; --Flashcord-UI_Border-Radius: 25px; @@ -197,14 +185,51 @@ SNDL Specific Keyframes */ @keyframes SNDL-Translate_Custom { 0% { translate: var(--Initial, 0rem); opacity: 0;} 100% { translate: var(--Final, 0rem);} -}/* Theme/CustomIMG is responsable for adding the CBM Advanced Theme. */ - -@container FCM-Theme_LegacyCBM (min-width: 0) { - body { --Flashcord-Module_Chat-Slide: FCM-Chat-Slide_Legacy; --Flashcord-UI_Brightness: 0.5; background-image: var(--Flashcord-Image_CBM); } - .custom-theme-background #app-mount { backdrop-filter: var(--Flashcord-Filter_CBM); } - [class^="layer_"]:nth-child(2) { border: 1px solid white; } - .custom-theme-background [class^="chat_"] [class^="title_"] [class^="children_"]::after { content: var(--FCL-Warning_Deprecated) !important; } - @container FCM-Control-Panel_Float (min-width: 0) { [class^="layer_"]:nth-child(2) { border: 1px solid var(--Flashcord-Accent); background: var(--Flashcord-Floating); } } +}/* Kernel/Ring3 handles branding. */ + +[class^="notAppAsidePanel_"]::before { + color: var(--Flashcord-Text); font-size: 12px; font-weight: 900; + position: absolute; top: 8px; left: 6px; width: 100vw; opacity: 0.5; z-index: 1; + user-select: none; pointer-events: none; + content: "🪟 " var(--FlashCore-Branch) " " var(--FlashCore-Channel) "-" var(--FlashCore-Version); +} /* bSID-DEV_240422 RC3: This is only used for Windows now. *//* Theme/CustomIMG is responsable for adding the CBM Advanced Theme. */ + +.custom-theme-background { --FlashCore-Theme_Color: transparent; --Flashcord-Module_Chat-Slide: void; } +.custom-theme-background.theme-dark { + --interactive-muted: #A0A0A0; + --interactive-hover: white; + --channels-default: #EEEEEE; + + --Flashcord-UI_Brightness: 2; + --background-floating: rgba(6,6,6,0.5); + --background-modifier-selected: rgba(16,16,16,0.5); + --background-modifier-hover: rgba(175, 169, 169, 0.5); +} +.custom-theme-background.theme-light { + --interactive-muted: #5f5f5f; + --primary-330: #5f5f5f; + --interactive-hover: black; + --channels-default: #111111; + --Flashcord-UI_Brightness: 1; + --background-floating: rgba(155,155,155,0.5); + --background-modifier-selected: rgba(200,200,200,0.5); + --background-modifier-hover: rgba(255,255,255,0.5); +} + +/* Feel free to port this to a Flashcord Module to SID for non-replugged/non-themehooker users. +SID/STB cannot do this because it would cause an inflated file size which I do not want at all considering how huge SID/STB is already. +Also this solution is rather messy and may fuck up other stuff // Note that Hookerless CBM has less stuff as this is destined for LPM. */ +@container FCM-Theme_HookerlessCBM (min-width: 0) { + body::before { + position: absolute; top: 0; left: 0; z-index: 0; + content: ""; width: 100vw; height: 100vh; + backdrop-filter: var(--Flashcord-Filter_CBM); + } body { background-repeat: no-repeat; background-image: var(--Flashcord-Image_CBM); } + @container FCM-Member-Slide (min-width: 0) { + [class^="membersWrap_"] { transition-property: background-color; transition-duration: var(--Flashcord-Transition_Normal); } + [class^="membersWrap_"]:hover { background-color: var(--Flashcord-Floating); } + } [class^="autocomplete_"], [class^="autocomplete_"] [class*="categoryHeader_"] { background: var(--Flashcord-Heavy-Floating) !important; } + @container FCM-Popup-Menu (min-width: 0) { [role="menu"] { background: var(--Flashcord-Floating); } } }/* Control/Panel is the code responsable for how the settings modal is styled */ /* DEV BUILD 09/12/2023 NOTES: Holy shit this really needs optimization, this is build fucking horrendously, @@ -232,36 +257,20 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ } @container FCM-Control-Panel_Full (min-width: 0) { [class^="layer_"]:nth-child(2) { - width: 100vw; - height: 100vh; - margin: auto; - padding: 0; - border-radius: 0; - animation: SNDL-Fade_In var(--Flashcord-Animation_XSlow) !important; - } - [class^="sidebarRegion_"] { - max-width: 220px; - max-height: 100vh; - } - [class^="contentRegion_"] { - height: 100vh; - } - [class^="layer_"]:nth-child(2) [class^="sidebar"] { - max-width: 200px; - padding: 0; - } - [class^="standardSidebarView_"] { - position: static !important; - height: 100%; - } + width: 100vw; height: 100vh; + margin: auto; padding: 0; + border-radius: 0; animation: SNDL-Fade_In var(--Flashcord-Animation_XSlow) !important; + } [class^="sidebarRegion_"] { max-width: 220px; max-height: 100vh; } + [class^="contentRegion_"] { height: 100vh; } + [class^="layer_"]:nth-child(2) [class^="sidebar"] { max-width: 200px; padding: 0; } + [class^="standardSidebarView_"] { position: static !important; height: 100%; } [class^="contentColumn_"] { max-width: calc(100% - 16px); - margin: auto; - padding: 0; + margin: auto; padding: 0; } [class^="sidebarRegion_"] { - container-name: var(--Flashcord-Module_ControlPanel_SidebarTweaks,FCM-Control-Panel_Tweaks); + container-name: var(--Flashcord-Module_ControlPanel_SidebarTweaks, FCM-Control-Panel_Side-Tweaks); container-type: inline-size; } @@ -274,12 +283,6 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ [class^="layer_"]:nth-child(2) [class^="contentColumn_"][role="tabpanel"] { margin-top: 1rem; padding: 0; } [class^="layer_"]:nth-child(2) [class^="content_"] > [class^="customHeader_"] { padding: 0;} /* bSID-DEV_240411: This is fucking awful to copy paste but it doesn't seem like I have a fucking choice at all god damn it. */ - - /* Fixes for padding issue */ - @container FCM-ControlPanel_Splash (min-width: 0) { - [class^="sidebar_"] > :before { margin-top: 1rem; } - [class^="sidebarRegionScroller_"]::after { margin-top: 1rem; } - } }/* Major/Chat_External contains all major modules of Flashcord that does not concern the chat window */ /* Channel Slide Core */ @@ -295,13 +298,6 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ :is([class^="container_"]:has([class*="sidebar_"]:hover, [data-list-id="guildsnav"]:hover)) .chat__52833 { /* [!] */ translate: 0px; } [class^="chat_"]:has([class^="pageBody-"]) { margin-right: 0; translate: 0; } -} @container FCM-Chat-Slide_Legacy (min-width: 0) { - [class^="sidebar_"] { - width: 40px; transition-property: width; transition-duration: var(--Flashcord-Transition_Normal); - } [class^="scroller_"] { translate: -2px;} - :is([class*="baseLayer_"]:has([class*="guilds_"]:hover, [class^="sidebar_"]:hover)) .sidebar_e031be { /* [!] */ - width: 240px; will-change: width; /* <- no idea if this helps lmfao - bSID-DEV_240421*/ - } nav, section { overflow-x: hidden; width: 240px;} } @@ -314,8 +310,6 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ position: relative; z-index: 1; margin-left: -190px; translate: 190px; - --Initial: 250px; --Final: 190px; - animation: SNDL-Translate_Custom var(--Flashcord-Animation_XSlow); transition-property: translate; transition-duration: var(--Flashcord-Transition_Normal); } [class^="container_"]:has([class^="membersWrap_"]:hover) { translate: 0px; } @@ -336,10 +330,6 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ container-name: var(--Flashcord-Module_Guild-Notification, FCM-Guild_Notification-Static); container-type: inline-size; } @container FCM-Guild_Notification-Static (min-width: 0) { - [class^="listItem_"] { - transition-property: scale, filter !important; - transition-duration: var(--Flashcord-Transition_Fast); - } [class^="listItem_"]:has([style*="height: 8px"], [class^="lowerBadge-"]), [class^="listItem_"]:hover { scale: 0.975; filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) var(--Flashcord-Guild_Notification-Color)); } [class^="pill_"] { display: none; } @@ -429,8 +419,9 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ [class^="children_"] svg:has([d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"]) { display: block; animation: SNDL-Fade_In var(--Flashcord-Animation_Slow);} [class^="children_"] svg { display: none; } - [class^="positionedContainer_"] > [class^="container_"] { justify-content: flex-start; left: 13px; } - [class^="positionedContainer_"] svg { margin-right: 8px;} + /* Unread/Mention Pill aligned to left for Chat-SLide to be less painful to use */ + [class*="top_"], [class*="bottom_"] { justify-content: flex-start; left: 13px; } + [class*="top_"] svg, [class*="bottom_"] svg { margin-right: 8px;} } #channels { @@ -479,11 +470,6 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ container-name: var(--Flashcord-Chatbox, FCM-Chatbox_L1); container-type: inline-size; border-radius: var(--Flashcord-UI_Border-Radius); } - [class^="typing_"] { - top: -24px; width: fit-content; - margin-left: auto; margin-right: auto; - --Initial: 0 5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_Normal) !important; - } [class^="typing_"]:has([class^="typingDots_"]) { margin-left: 0; margin-right: 0; } [class^="cooldownWrapper_"] { margin: auto !important; } [class^="form_"] { padding: 0 0px 0 8px; z-index: 1; } @@ -493,15 +479,7 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ [class^="inner_"] { display: flex; align-items: center; padding: 0 8px 0 8px; - } [class^="placeholder_"] { display: none; } - [class^="attachWrapper_"] { - width: min-content; height: min-content; - margin: auto; translate: 4px; - } [class^="attachButton_"] { width: min-content; height: min-content; } - [class^="sprite_"], svg { - transition-property: opacity, scale; transition-duration: var(--Flashcord-Transition_Fast); - opacity: 0.5; - } [class^="sprite_"]:hover, svg:hover { opacity: 0.8; scale: 1.1; } [class^="sprite_"]:active, svg:active { scale: 0.9; } + } [class^="sprite_"], svg { opacity: 0.5; } } }/* Major/Other_Base contains all other major modifications that NOT are located under Discord's BaseLayer (pop-ups) */ @@ -510,28 +488,13 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ container-type: inline-size; contain: paint; } @container FCM-Popup-Menu (min-width: 0) { - .theme-light, .theme-dark { animation: SNDL-Fade_In var(--Flashcord-Animation_Fast) ease-in-out;} [class^="scroller_"] { padding: 4px !important; } [class*="menu"] { border-radius: var(--Flashcord-UI_Border-Radius); min-width: 0;} [class^="item_"] {border-radius: var(--Flashcord-UI_Border-Radius); transition-property: background-color; transition-duration: var(--Flashcord-Transition_Fast); } }/* Minor/Base contains minor modifications which are located in Discord's BaseLayer */ -/* Real men don't need help. */ -[href="https://support.discord.com"] { display: none; } -[class^="recentsIcon_"] { width: 38px; } /* This is required to fix alignment issues due to removing the help button */ - /* @ Before Usernames */ -[class^="userTagUsernameBase_"]:before, [class^="usernameInnerRow_"]:before { content: "@" } - -/* Icon Hover Response */ -[class^="icon_"] { transition-property: scale; transition-duration: var(--Flashcord-Transition_Fast) !important; } -[class^="icon_"]:hover { scale: 1.1; } -[class^="icon_"]:active { scale: 0.9; } - -/* Shadowed Images Core [Container-less] */ -[class^="mediaAttachmentsContainer_"], [class^="clickableSticker_"], [class^="inlineMediaEmbed_"], [class^="emojiContainer_"] .emoji { - filter: drop-shadow(0px 0px var(--Flashcord-Shadow_Size) var(--Flashcord-Text)); -}/* Minor/Pop contains minor modifications which are NOT located in Discord's BaseLayer */ +[class^="userTagUsernameBase_"]:before, [class^="usernameInnerRow_"]:before { content: "@" }/* Minor/Pop contains minor modifications which are NOT located in Discord's BaseLayer */ /* Fixes an annoying bug regarding pop up menus*/ [class^="submenuPaddingContainer_"] { margin: 4px; padding: 0; } @@ -546,4 +509,4 @@ bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */ background: black; border-radius: var(--Flashcord-UI_Border-Radius); } [class^="emojiRow_"] > [class^="button_"] { top: 16px; right: 16px; } [class^="emojiColumn_"] { margin-left: 16px; } -:root { --FlashCore-Build_Date: "12:17:53 - 23/04/2024"; } \ No newline at end of file +:root { --FlashCore-Build_Date: "15:01:17 - 04/05/2024"; } \ No newline at end of file diff --git a/src/LPM/main.css b/src/LPM/main.css index 03e31e0..79162c3 100644 --- a/src/LPM/main.css +++ b/src/LPM/main.css @@ -1,5 +1,6 @@ @import url("0-Kernel/BIOS.css"); @import url("0-Kernel/Ring0.css"); +@import url("0-Kernel/Ring2.css"); @import url("1-Theme/01-CustomIMG.css");