Cynosphere/xmc
1
1
Fork 0
mirror of https://gitlab.com/Cynosphere/xmc.git synced 2024-08-14 22:57:03 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make modular

Browse source
This commit is contained in:
Cynthia Foxwell 2023-10-26 14:10:59 -06:00
parent fb2ac7da82
commit 0a16e600eb
62 changed files with 3136 additions and 3130 deletions
Download patch file Download diff file Expand all files Collapse all files

681
modular/stylings/windows_classic.css
View file

File diff suppressed because it is too large Load diff

100
modular/stylings/xmc.css
View file

@ -56,70 +56,70 @@
inset 0 0 0 4px var(--secondary, var(--background-secondary));
}
[class*="button-"][class*="lookFilled-"],
section[class^="panels-"]
[class^="container-"]
[class^="flex-"]
button[class^="button-"],
[class^="toolbar-"] [class*="iconWrapper-"] {
[class*="button_"][class*="lookFilled_"],
section[class^="panels_"]
[class^="container_"]
[class^="flex_"]
button[class^="button_"],
[class^="toolbar_"] [class*="iconWrapper_"] {
border-radius: 0;
color: var(--text) !important;
background: var(--button-bg) !important;
box-shadow: var(--button-shadow) !important;
}
[class^="containerDefault-"][class*="selected-"]
[class^="iconVisibility-"]
> [class^="content-"],
[class^="containerDefault-"]
[class^="iconVisibility-"][class*="modeSelected-"]
> [class^="content-"],
nav[class^="sidebar-"] div[class^="item-"][class*="selected-"],
[class^="member-"][aria-expanded="true"] > [class^="layout-"],
[class^="channel-"] [class^="interactive-"][class*="selected-"] {
[class^="containerDefault_"][class*="selected_"]
[class^="iconVisibility_"]
> [class^="content_"],
[class^="containerDefault_"]
[class^="iconVisibility_"][class*="modeSelected_"]
> [class^="content_"],
nav[class^="sidebar_"] div[class^="item_"][class*="selected_"],
[class^="member_"][aria-expanded="true"] > [class^="layout_"],
[class^="channel_"] [class^="interactive_"][class*="selected_"] {
border-radius: 0;
background: var(--button-bg) !important;
box-shadow: var(--button-shadow) !important;
}
[class^="containerDefault-"]
[class^="iconVisibility-"]:hover
[class^="content-"],
nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
[class^="member-"]:not([aria-expanded="true"]):hover > [class^="layout-"],
[class^="channel-"] [class^="interactive-"]:not([class*="selected-"]):hover {
[class^="containerDefault_"]
[class^="iconVisibility_"]:hover
[class^="content_"],
nav[class^="sidebar_"] div[class^="item_"]:not([class*="selected_"]):hover,
[class^="member_"]:not([aria-expanded="true"]):hover > [class^="layout_"],
[class^="channel_"] [class^="interactive_"]:not([class*="selected_"]):hover {
border-radius: 0;
background: var(--hover-bg) !important;
box-shadow: var(--hover-shadow) !important;
}
[class^="scroller-"]::-webkit-scrollbar-thumb,
[class*="scrollerBase-"]::-webkit-scrollbar-thumb {
[class^="scroller_"]::-webkit-scrollbar-thumb,
[class*="scrollerBase_"]::-webkit-scrollbar-thumb {
border-radius: 0;
background: transparent;
box-shadow: var(--scrollbar-shadow);
}
[class^="channelTextArea-"] > [class^="scrollableContainer-"] {
[class^="channelTextArea_"] > [class^="scrollableContainer_"] {
border: 1px solid var(--background-tertiary);
border-radius: 0;
}
[class^="toolbar-"] [class*="iconWrapper-"] {
[class^="toolbar_"] [class*="iconWrapper_"] {
margin: 0;
width: 32px;
height: 32px;
}
[class^="toolbar-"] [class*="iconWrapper-"] > svg {
[class^="toolbar_"] [class*="iconWrapper_"] > svg {
margin: 4px;
}
[class^="toolbar-"] > [class^="search-"] {
[class^="toolbar_"] > [class^="search_"] {
margin: 0;
}
[class^="toolbar-"] > [class^="search-"] [class^="searchBar-"] {
[class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] {
background-color: var(--background-primary);
border: 1px solid var(--background-tertiary);
border-radius: 0;
@ -127,22 +127,22 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
justify-content: center;
}
[class^="toolbar-"]
> [class^="search-"]
[class^="searchBar-"]
[class^="toolbar_"]
> [class^="search_"]
[class^="searchBar_"]
> .DraftEditor-root,
[class^="toolbar-"]
> [class^="search-"]
[class^="searchBar-"]
> [class^="icon-"] {
[class^="toolbar_"]
> [class^="search_"]
[class^="searchBar_"]
> [class^="icon_"] {
height: 24px;
margin-top: 2px;
}
[class*="recentMentionsPopout-"]
> [class^="header-"]
> [class^="tabBar-"]
> [class^="tab-"] {
[class*="recentMentionsPopout_"]
> [class^="header_"]
> [class^="tabBar_"]
> [class^="tab_"] {
margin: 0;
border-radius: 0;
background: var(--button-bg) !important;
@ -151,26 +151,26 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover,
font-size: 12px !important;
}
[class*="recentMentionsPopout-"]
> [class^="header-"]
> [class^="tabBar-"]
> [class^="tab-"]:hover,
[class*="recentMentionsPopout-"]
> [class^="header-"]
> [class^="tabBar-"]
> [class^="tab-"][class*="active-"] {
[class*="recentMentionsPopout_"]
> [class^="header_"]
> [class^="tabBar_"]
> [class^="tab_"]:hover,
[class*="recentMentionsPopout_"]
> [class^="header_"]
> [class^="tabBar_"]
> [class^="tab_"][class*="active_"] {
background: var(--hover-bg) !important;
box-shadow: var(--hover-shadow) !important;
}
[class^="reaction-"] {
[class^="reaction_"] {
background-color: var(--button-bg);
box-shadow: var(--button-shadow);
border-radius: 0;
}
[class^="reaction-"]:hover,
[class^="reaction-"][class*="reactionMe-"] {
[class^="reaction_"]:hover,
[class^="reaction_"][class*="reactionMe_"] {
background-color: var(--hover-bg);
box-shadow: var(--hover-shadow);
}