mirror of
https://github.com/Equicord/Equicord.git
synced 2025-02-20 15:18:50 -05:00
CSS Updates
This commit is contained in:
thororen1234
parent
61a355980f
commit
ec7cd035d8
11 changed files with 444 additions and 334 deletions
|
|
@ -1,80 +1 @@
|
|||
/* stylelint-disable no-descending-specificity */
|
||||
/* stylelint-disable alpha-value-notation */
|
||||
/* stylelint-disable rule-empty-line-before */
|
||||
/* stylelint-disable indentation */
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
#authorized-apps-tab .deleteApp_b3a490 {
|
||||
opacity: 1;
|
||||
border: none;
|
||||
background-color: var(--button-danger-background);
|
||||
transition: background-color .17s ease,color .17s ease;
|
||||
}
|
||||
#authorized-apps-tab .deleteApp_b3a490:hover {
|
||||
background-color: var(--button-danger-background-hover);
|
||||
}
|
||||
#authorized-apps-tab .children_aba8cb {
|
||||
counter-reset: section -1;
|
||||
position: relative;
|
||||
}
|
||||
#authorized-apps-tab .children_aba8cb > .authedApp__71a52 {
|
||||
counter-increment: section;
|
||||
}
|
||||
#authorized-apps-tab .children_aba8cb::after {
|
||||
counter-increment: section;
|
||||
content: "Authorized Apps: "counter(section);
|
||||
order: -1;
|
||||
position: absolute;
|
||||
color: var(--header-primary);
|
||||
top: -44px;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
#authorized-apps-tab .children_aba8cb .flexChild__3da10 > h3 {
|
||||
display: flex;
|
||||
}
|
||||
#authorized-apps-tab .sectionTitle__3e02b {
|
||||
opacity: 0;
|
||||
}
|
||||
#authorized-apps-tab .appAvatar__1fa87 {
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
background-color: var(--background-floating);
|
||||
box-shadow: 0 0 0 5px var(--background-floating);
|
||||
}
|
||||
#authorized-apps-tab .headerInfo__7273f {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 12px;
|
||||
margin-top: -50px;
|
||||
}
|
||||
#authorized-apps-tab .headerInfo__7273f > h4 {
|
||||
margin-left: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
#authorized-apps-tab .authedApp__71a52:not(:nth-child(2)) {
|
||||
margin-top: 40px;
|
||||
}
|
||||
#authorized-apps-tab .permission__8fb49 {
|
||||
border-bottom: 1px solid hsl(var(--primary-300-hsl)/.3);
|
||||
padding: 6px;
|
||||
height: fit-content;
|
||||
transition: .05s;
|
||||
}
|
||||
#authorized-apps-tab .permission__8fb49:hover {
|
||||
border-color: var(--primary-300);
|
||||
}
|
||||
#authorized-apps-tab .authedApp__71a52 {
|
||||
background-color: var(--background-secondary-alt);
|
||||
transition: box-shadow .2s ease-out,transform .2s ease-out,background .2s ease-out,opacity .2s ease-in,-webkit-box-shadow .2s ease-out,-webkit-transform .2s ease-out;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
}
|
||||
#authorized-apps-tab .authedApp__71a52:hover {
|
||||
background-color: var(--background-tertiary);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: var(--elevation-high);
|
||||
}
|
||||
#authorized-apps-tab .authedApp__71a52:hover .appAvatar__1fa87 {
|
||||
box-shadow: 0 0 0 5px var(--background-floating),var(--elevation-high);
|
||||
}
|
||||
@import url("https://dablulite.github.io/css-snippets/BetterAuthApps/import.css");
|
||||
|
|
|
|||
|
|
@ -1,56 +1 @@
|
|||
/* stylelint-disable length-zero-no-unit */
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
/* stylelint-disable rule-empty-line-before */
|
||||
/* stylelint-disable selector-id-pattern */
|
||||
#account-status-picker--online {
|
||||
--brand-experiment-560: var(--green-360);
|
||||
}
|
||||
#account-status-picker--dnd {
|
||||
--brand-experiment-560: var(--red-400);
|
||||
}
|
||||
#account-status-picker--idle {
|
||||
--brand-experiment-560: var(--yellow-330);
|
||||
}
|
||||
#account-status-picker--invisible {
|
||||
--brand-experiment-560: var(--primary-400);
|
||||
}
|
||||
#account .submenu_aed9ee .separator__174fc {
|
||||
display: none;
|
||||
}
|
||||
#account .submenu_aed9ee .description_d1e167 {
|
||||
height: fit-content;
|
||||
overflow: hidden;
|
||||
max-height: 0rem;
|
||||
transition: .2s ease !important;
|
||||
width: 100%;
|
||||
flex: 0 0 100%;
|
||||
display: flex;
|
||||
}
|
||||
#account .submenu_aed9ee .item__183e8.focused_dcafb9 .description_d1e167 {
|
||||
max-height: 4rem;
|
||||
}
|
||||
.statusItem__24445 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.statusItem__24445 .icon__1d1c6 {
|
||||
margin-right: 10px;
|
||||
flex: 0 0 10px;
|
||||
}
|
||||
.status__8c19b {
|
||||
width: calc(100% - 20px);
|
||||
display: flex;
|
||||
}
|
||||
#account-status-picker--idle .statusItem__24445::after {
|
||||
content: "Active but idle/away.";
|
||||
height: fit-content;
|
||||
overflow: hidden;
|
||||
max-height: 0rem;
|
||||
transition: .2s ease !important;
|
||||
width: 100%;
|
||||
flex: 0 0 100%;
|
||||
display: flex;
|
||||
}
|
||||
#account-status-picker--idle.focused_dcafb9 .statusItem__24445::after {
|
||||
max-height: 4rem;
|
||||
}
|
||||
@import url("https://dablulite.github.io/css-snippets/BetterStatusPicker/import.css");
|
||||
|
|
|
|||
|
|
@ -1,69 +0,0 @@
|
|||
/* stylelint-disable property-no-vendor-prefix */
|
||||
/* stylelint-disable selector-attribute-quotes */
|
||||
/* stylelint-disable declaration-block-single-line-max-declarations */
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
|
||||
/* Make pronouns stand out more */
|
||||
[class*="pronouns"] {
|
||||
color: var(--text-normal);
|
||||
font-size: 12px;
|
||||
font-weight: 800;
|
||||
background: #ffffff20;
|
||||
padding: 0.10rem 0.5rem;
|
||||
margin: 0.25rem 0 0;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
/* No Family Center (No Parental Controls) */
|
||||
*[aria-label="Family Centre"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Spin Spotify */
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.assetslargeimageuserpopoutv2-9ksyvz .assetslargeimage-8u5dlz .nouserdrag-2hbvze .assetslargeimagespotify-17me3m {
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.vc-spotify-button .vc-spotify-button-icon {
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.vc-spotify-button:hover {
|
||||
animation: spin 1.5s ease-in-out infinite
|
||||
}
|
||||
|
||||
/* Server List Scrollbar by icanttellyou */
|
||||
[class*="none_"]::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
[class*="none_"]::-webkit-scrollbar-thumb {
|
||||
background: #101115;
|
||||
}
|
||||
|
||||
|
||||
/* No, I don't want to make a thread from a chain of more than 2 replies by F53 */
|
||||
[class*="threadSuggestionBar_"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* show full about me */
|
||||
[style="-webkit-line-clamp: 6;"] {
|
||||
-webkit-line-clamp: 10000000 !important;
|
||||
}
|
||||
|
||||
.sidebar__02e8d .side_b4b3f6 .item__48dda[data-tab-id=DISCOVERY_LANDING_PAGE]::before{-webkit-mask:var(--si-discovery) center/contain no-repeat;mask:var(--si-discovery) center/contain no-repeat}
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
.lookFilled-yCfaCM.colorBrand-I6CyqQ {
|
||||
--gradient: linear-gradient(var(--gradient-blurple));
|
||||
}
|
||||
.lookFilled-yCfaCM.colorGreen-3y-Z79, .lookFilled-yCfaCM.button-1EGGcP.buttonActive-Uc1jHx {
|
||||
.lookFilled-yCfaCM.colorGreen-3y-Z79, .lookFilled-yCfaCM.button_adcaac.buttonActive_adcaac {
|
||||
--gradient: linear-gradient(var(--gradient-green));
|
||||
}
|
||||
.lookFilled-yCfaCM.colorYellow-Pgtmch {
|
||||
|
|
@ -45,56 +45,56 @@
|
|||
.lookFilled-yCfaCM.colorRed-rQXKgM {
|
||||
--gradient: linear-gradient(var(--gradient-red));
|
||||
}
|
||||
.lookFilled-yCfaCM.colorPrimary-2AuQVo, .lookFilled-yCfaCM.colorGrey-2iAG-B, .lookFilled-yCfaCM.buttonColor-3bP3fX {
|
||||
.lookFilled-yCfaCM.colorPrimary-2AuQVo, .lookFilled-yCfaCM.colorGrey-2iAG-B, .lookFilled-yCfaCM.buttonColor_adcaac {
|
||||
--gradient: linear-gradient(var(--gradient-grey));
|
||||
}
|
||||
|
||||
/* || Context Menus */
|
||||
.menu-1QACrS .item-1OdjEX:not(.hideInteraction-2jPGL_) {
|
||||
.menu_d90b3d .item-1OdjEX:not(.hideInteraction-2jPGL_) {
|
||||
font-weight: var(--font-default);
|
||||
transition: var(--button-transition);
|
||||
}
|
||||
.menu-1QACrS .item-1OdjEX:not(.hideInteraction-2jPGL_).focused-3qFvc8, .menu-1QACrS .item-1OdjEX:not(.hideInteraction-2jPGL_):active {
|
||||
.menu_d90b3d .item-1OdjEX:not(.hideInteraction-2jPGL_).focused-3qFvc8, .menu_d90b3d .item-1OdjEX:not(.hideInteraction-2jPGL_):active {
|
||||
font-size: var(--fontsize-hover);
|
||||
font-weight: var(--font-hover);
|
||||
background: var(--gradient);
|
||||
}
|
||||
.menu-1QACrS .colorDefault-CDqZdO.focused-3qFvc8, .menu-1QACrS .colorDefault-CDqZdO:active {
|
||||
.menu_d90b3d .colorDefault-CDqZdO.focused-3qFvc8, .menu_d90b3d .colorDefault-CDqZdO:active {
|
||||
--gradient: linear-gradient(var(--gradient-blurple));
|
||||
}
|
||||
.menu-1QACrS .colorDanger-3n-KnP.focused-3qFvc8, .menu-1QACrS .colorDanger-3n-KnP:active,
|
||||
.menu-1QACrS #status-picker-dnd.focused-3qFvc8,
|
||||
.menu-1QACrS #status-picker-dnd:active {
|
||||
.menu_d90b3d .colorDanger-3n-KnP.focused-3qFvc8, .menu_d90b3d .colorDanger-3n-KnP:active,
|
||||
.menu_d90b3d #status-picker-dnd.focused-3qFvc8,
|
||||
.menu_d90b3d #status-picker-dnd:active {
|
||||
--gradient: linear-gradient(var(--gradient-red));
|
||||
}
|
||||
.menu-1QACrS .colorPremium-vwmYZQ.focused-3qFvc8, .menu-1QACrS .colorPremium-vwmYZQ:active {
|
||||
.menu_d90b3d .colorPremium-vwmYZQ.focused-3qFvc8, .menu_d90b3d .colorPremium-vwmYZQ:active {
|
||||
--gradient: linear-gradient(var(--gradient-special)) ;
|
||||
}
|
||||
.menu-1QACrS #status-picker-online.focused-3qFvc8, .menu-1QACrS #status-picker-online:active {
|
||||
.menu_d90b3d #status-picker-online.focused-3qFvc8, .menu_d90b3d #status-picker-online:active {
|
||||
--gradient: linear-gradient(var(--gradient-green));
|
||||
}
|
||||
.menu-1QACrS #status-picker-idle.focused-3qFvc8, .menu-1QACrS #status-picker-idle:active {
|
||||
.menu_d90b3d #status-picker-idle.focused-3qFvc8, .menu_d90b3d #status-picker-idle:active {
|
||||
--gradient: linear-gradient(var(--gradient-yellow));
|
||||
}
|
||||
.menu-1QACrS #status-picker-invisible.focused-3qFvc8, .menu-1QACrS #status-picker-invisible:active {
|
||||
.menu_d90b3d #status-picker-invisible.focused-3qFvc8, .menu_d90b3d #status-picker-invisible:active {
|
||||
--gradient: linear-gradient(var(--gradient-grey));
|
||||
}
|
||||
|
||||
/* || Message Actions */
|
||||
.wrapper-2vIMkT .button-3bklZh {
|
||||
.wrapper_ef319f .button_ef319f {
|
||||
background: var(--gradient);
|
||||
}
|
||||
.wrapper-2vIMkT .button-3bklZh img, .wrapper-2vIMkT .button-3bklZh svg {
|
||||
.wrapper_ef319f .button_ef319f img, .wrapper_ef319f .button_ef319f svg {
|
||||
transition: var(--button-transition);
|
||||
transform: var(--transform-normal);
|
||||
}
|
||||
.wrapper-2vIMkT .button-3bklZh:hover {
|
||||
.wrapper_ef319f .button_ef319f:hover {
|
||||
--gradient: linear-gradient(var(--gradient-blurple));
|
||||
}
|
||||
.wrapper-2vIMkT .button-3bklZh:hover svg {
|
||||
.wrapper_ef319f .button_ef319f:hover svg {
|
||||
transform: var(--transform-hover);
|
||||
color: white;
|
||||
}
|
||||
.wrapper-2vIMkT .button-3bklZh.dangerous-Y36ifs:hover {
|
||||
.wrapper_ef319f .button_ef319f.dangerous_ef319f:hover {
|
||||
--gradient: linear-gradient(var(--gradient-red)) ;
|
||||
}
|
||||
|
|
|
|||
421
src/equicordplugins/equicordCSS/css/main.min.css
vendored
421
src/equicordplugins/equicordCSS/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,18 +1,6 @@
|
|||
/**
|
||||
* @name SettingsIcons
|
||||
* @author Saltssaumure, DevilBro
|
||||
* @authorLink https://github.com/Saltssaumure
|
||||
* @description Adds icons to Discord settings, for use with Vencord plugin ThemeAttributes.
|
||||
* @license GPL-2.0
|
||||
* @version 1.1
|
||||
* @invite uy8nKQVatp
|
||||
* @source https://github.com/MiniDiscordThemes/SettingsIcons
|
||||
* @donate https://ko-fi.com/saltssaumure
|
||||
*/
|
||||
|
||||
@import url("https://raw.githubusercontent.com/Equicord/Equicord/main/src/equicordplugins/equicordCSS/css/main.min.css");
|
||||
|
||||
/* See https://github.com/MiniDiscordThemes/SettingsIcons#customisation for customisation settings. */
|
||||
/* https://github.com/MiniDiscordThemes/SettingsIcons#customisation */
|
||||
|
||||
:root {
|
||||
--settingsicons: 1;
|
||||
|
|
|
|||
|
|
@ -1,82 +1 @@
|
|||
/* dablulite */
|
||||
.wrapper-0ed4a {
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid var(--background-modifier-accent);
|
||||
background: var(--bg-overlay-app-frame, var(--background-tertiary)) !important;
|
||||
}
|
||||
|
||||
.container-d667ff {
|
||||
border-bottom: none;
|
||||
background: var(--bg-overlay-app-frame, var(--background-tertiary));
|
||||
}
|
||||
|
||||
.wrapper-0ed4a:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.actionbuttons-b58cbb>button,
|
||||
.actionbuttons-b58cbb>div>button,
|
||||
.actionbuttons-b58cbb>div>span>button {
|
||||
border-radius: 50px;
|
||||
width: 100%;
|
||||
padding: 6px 0;
|
||||
height: fit-content;
|
||||
|
||||
--inversed-overlay: rgb(var(--bg-overlay-color-inverse)/var(--bg-overlay-opacity-6));
|
||||
|
||||
background: var(--inversed-overlay, var(--background-primary)) !important;
|
||||
transition: color .15s ease-out, background-color .15s ease-out;
|
||||
max-height: 32px;
|
||||
}
|
||||
|
||||
.actionbuttons-b58cbb button:hover {
|
||||
background: var(--bg-overlay-hover, var(--background-modifier-hover)) !important;
|
||||
}
|
||||
|
||||
.actionbuttons-b58cbb button:active {
|
||||
background: var(--bg-overlay-active, var(--background-modifier-active)) !important;
|
||||
}
|
||||
|
||||
.actionbuttons-b58cbb>div {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.actionbuttons-b58cbb>div>span {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
|
||||
.actionbuttons-b58cbb>div>span>span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.actionbuttons-b58cbb {
|
||||
width: 100%;
|
||||
gap: 6px;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.subtext-8f869,
|
||||
.panelsubtextcontainer-f28bed {
|
||||
max-width: unset;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hoverroll-041cb {
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
|
||||
:is(.wrapper-0ed4a:not(:empty), #vc-spotify-player)+.avatar-f8541f {
|
||||
margin-top: 0;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.wrapper-0ed4a:not(:empty) {
|
||||
padding: 0 !important;
|
||||
background: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
@import url("https://dablulite.github.io/css-snippets/UserReimagined/import.css");
|
||||
|
|
|
|||
|
|
@ -25,7 +25,6 @@ import definePlugin, { OptionType } from "@utils/types";
|
|||
// Importing the style managed fixes on and off switch
|
||||
import betterauthapps from "./css/betterauthapps.css?managed";
|
||||
import betterstatuspicker from "./css/betterstatuspicker.css?managed";
|
||||
import equicord from "./css/equicord.css?managed";
|
||||
import graidentbuttons from "./css/graidentbuttons.css?managed";
|
||||
import nitrothemesfix from "./css/nitrothemesfix.css?managed";
|
||||
import settingsicons from "./css/settingsicons.css?managed";
|
||||
|
|
@ -44,12 +43,6 @@ const settings = definePluginSettings({
|
|||
restartNeeded: false,
|
||||
default: false
|
||||
},
|
||||
equicord: {
|
||||
type: OptionType.BOOLEAN,
|
||||
description: "Enable Equicords CSS",
|
||||
restartNeeded: false,
|
||||
default: false
|
||||
},
|
||||
graidentButtons: {
|
||||
type: OptionType.BOOLEAN,
|
||||
description: "Enable Graident Buttons CSS",
|
||||
|
|
@ -91,9 +84,6 @@ export default definePlugin({
|
|||
if (settings.store.betterStatusPicker) {
|
||||
enableStyle(betterstatuspicker);
|
||||
}
|
||||
if (settings.store.equicord) {
|
||||
enableStyle(equicord);
|
||||
}
|
||||
if (settings.store.graidentButtons) {
|
||||
enableStyle(graidentbuttons);
|
||||
}
|
||||
|
|
@ -114,9 +104,6 @@ export default definePlugin({
|
|||
if (settings.store.betterStatusPicker) {
|
||||
disableStyle(betterstatuspicker);
|
||||
}
|
||||
if (settings.store.equicord) {
|
||||
disableStyle(equicord);
|
||||
}
|
||||
if (settings.store.graidentButtons) {
|
||||
disableStyle(graidentbuttons);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ const buildCss = () => {
|
|||
background: var(--brand-experiment-10a);
|
||||
}
|
||||
:is(${elements}):not(.messagelogger-deleted) > div:before {
|
||||
background: var(--brand-experiment);
|
||||
background: var(--brand-500);
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
|
|
|
|||
|
|
@ -127,7 +127,7 @@ $modifier: var(--background-modifier-accent);
|
|||
}
|
||||
|
||||
.vc-notebook-tabbar-item:hover {
|
||||
border-bottom-color: var(--brand-experiment);
|
||||
border-bottom-color: var(--brand-500);
|
||||
}
|
||||
|
||||
.vc-notebook-top-section {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
#vc-serverlist-indicators:hover {
|
||||
border-radius: 34%;
|
||||
background-color: var(--brand-experiment);
|
||||
background-color: var(--brand-500);
|
||||
}
|
||||
|
||||
#vc-serverlist-indicators::before {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue