diff --git a/.config/BetterDiscord/themes/Material-Discord.theme.css b/.config/BetterDiscord/themes/Material-Discord.theme.css index 7fce3517..38c5894a 100644 --- a/.config/BetterDiscord/themes/Material-Discord.theme.css +++ b/.config/BetterDiscord/themes/Material-Discord.theme.css @@ -10,4 +10,7073 @@ * @invite jzJkA6Z */ -@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/source.css); +:root { + --app-bg: var(--main-alt); + --accent-color: #4765ba; + --accent-rgb: 71,101,186; + --accent-button-action: #fff; + --accent-button-action-hover: 0.06; + --accent-button-action-active: 0.12; + --accent-text-color: #fff; + --alert-color: #f04747; + --alert-button-action: #fff; + --alert-button-action-hover: 0.1; + --alert-button-action-active: 0.2; + --alert-text-color: #fff; + --success-color: #43b581; + --message-radius: 19px; + --message-padding: 8px 12px; + --message-padding-alt: 4px 12px 8px 12px; + --main-textarea-radius: 24px; + --card-radius: 5px; + --card-radius-big: 10px; + --button-radius: var(--card-radius); + --popout-radius: var(--card-radius); + --popout-radius-big: var(--card-radius-big); + --spotify-color: #1db954; + --stream-color: #593695; + --stream-flash: 89,54,149; + --xbox-color: #107c10; + --shadow-1dp: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12); + --shadow-2dp: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); + --shadow-3dp: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); + --default-animation: cubic-bezier(0.4,0,0.2,1); + --default-time: 250ms; + --window-button-min: #ffbd44; + --window-button-max: #00ca4e; + --window-button-close: #ff605c; } + +.theme-dark { + --main-color: #00010a; + --main-alt: #0f111a; + --server-color: #0f111a; + --status-picker-color: #0f111a; + --sidebar-panel-color: #111114; + --chat-color: #0f111a; + --message-color: #00010a; + --message-color-alt: #1c1e21; + --attachment-color: rgb(0,0,0,0.325); + --main-textarea-color: #3b4252; + --main-textarea-color-alt: #3b3f42; + --main-textarea-border: #3e434a; + --typing-color: rgba(32,34,37,0.9); + --popout-color: #2c2f33; + --popout-color-alt: #202225; + --popout-header-border: #444; + --separator-color: #444; + --input-color: rgba(255,255,255,0.075); + --input-border-color: #444; + --tab-border-color: #fff; + --menu-item-hover: rgba(255,255,255,0.075); + --menu-item-select: rgba(255,255,255,0.1); + --menu-item-text-color: #aaa; + --card-color: transparent; + --card-color-hover: #292b2f; + --card-color-alt: #2a2c30; + --card-color-alt-hover: #35383d; + --card-border-color: #444; + --card-header-text-color: #dcddde; + --button-link-color: 255,255,255; + --button-link-text-color: #fff; + --slider-color: #4f545c; + --switch-knob-color: #777; + --switch-slider-color: rgba(65,65,65,0.65); + --md-ripple-color: 255,255,255; + --emoji-category-header: rgba(44,47,51,0.95); + --scrollbar-color: 255,255,255; + --window-button: rgba(255,255,255,0.1); + --window-button-inactive: rgba(255,255,255,0.05); } + +.theme-light { + --main-color: #e8eaeb; + --main-alt: #ddd; + --server-color: #eee; + --status-picker-color: #dee0e0; + --sidebar-panel-color: #d4d6d6; + --chat-color: #fff; + --message-color: #edeff0; + --message-color-alt: #e8e8e8; + --attachment-color: rgba(0,0,0,0.1); + --main-textarea-color: #fff; + --main-textarea-color-alt: #ccc; + --main-textarea-border: #dadce0; + --typing-color: rgba(255,255,255,0.8); + --popout-color: #fff; + --popout-color-alt: #e5e5e5; + --popout-header-border: #aaa; + --separator-color: #ccc; + --input-color: #d2d4d4; + --input-border-color: #aaa; + --tab-border-color: #777; + --menu-item-hover: rgba(0,0,0,0.1); + --menu-item-select: rgba(0,0,0,0.125); + --menu-item-text-color: #333; + --card-color: transparent; + --card-color-hover: #eee; + --card-color-alt: transparent; + --card-color-alt-hover: #d4d4d4; + --card-border-color: #ccc; + --card-header-text-color: #333; + --button-link-color: 0,0,0; + --button-link-text-color: #333; + --slider-color: #999; + --switch-knob-color: #fff; + --switch-slider-color: rgba(0,0,0,0.2); + --md-ripple-color: 0,0,0; + --emoji-category-header: rgba(255,255,255,0.9); + --scrollbar-color: 0,0,0; + --window-button: rgba(0,0,0,0.2); + --window-button-inactive: rgba(0,0,0,0.1); } + +/* + * + * APP ELEMENTS + * + */ +* { + font-family: 'Google Sans', sans-serif !important; } + +::selection { + background: #859fbf; + text-shadow: none; } + +body, +.app-2rEoOp, +.appMount-3lHmkl { + background-color: transparent; } + +.bg-h5JY_x { + background: var(--app-bg); + background-repeat: no-repeat; + background-position: center; + background-size: cover; } + +.anchor-3Z-8Bb { + color: var(--accent-color); } + +.wordmark-2iDDfm.wordmarkWindows-1v0lYD { + width: auto; + height: 22px; + padding: 0 0 0 4px; + line-height: 22px; + font-size: 0.925em; + color: var(--text-normal); } + .wordmark-2iDDfm.wordmarkWindows-1v0lYD:before, .wordmark-2iDDfm.wordmarkWindows-1v0lYD:after { + position: relative; + width: auto; + height: 22px; } + .wordmark-2iDDfm.wordmarkWindows-1v0lYD:before { + content: "Material"; + font-weight: 700; } + .wordmark-2iDDfm.wordmarkWindows-1v0lYD:after { + content: "Discord"; } + .wordmark-2iDDfm.wordmarkWindows-1v0lYD svg { + display: none; } + +.typeWindows-1za-n7 .winButton-iRh8-Z:before { + position: absolute; + content: " "; + width: 12px; + height: 12px; + background-position: center; + -webkit-mask-size: contain; + mask-size: contain; + filter: brightness(40%); + z-index: 2; + opacity: 0; + transition: var(--default-time) var(--default-animation) opacity; + pointer-events: none; } +.typeWindows-1za-n7 .winButton-iRh8-Z:hover:before { + opacity: 1; } +.typeWindows-1za-n7 .winButton-iRh8-Z:after { + position: absolute; + content: " "; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: var(--window-button); + transition: var(--default-time) var(--default-animation); + pointer-events: none; } +.typeWindows-1za-n7 .winButton-iRh8-Z:active:after { + opacity: 0.65; } +.typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(2):hover:after { + background-color: var(--window-button-max); } +.typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(2):before { + background-color: var(--window-button-max); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_maximize.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(1):hover:after { + background-color: var(--window-button-min); } +.typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:nth-last-of-type(1):before { + background-color: var(--window-button-min); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_minimize.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.typeWindows-1za-n7 .winButton-iRh8-Z.winButtonClose-1HsbF-:hover:after { + background-color: var(--window-button-close); } +.typeWindows-1za-n7 .winButton-iRh8-Z.winButtonClose-1HsbF-:before { + background-color: var(--window-button-close); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/window_close.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.typeWindows-1za-n7 .winButton-iRh8-Z:hover, .typeWindows-1za-n7 .winButton-iRh8-Z:active { + background-color: transparent; } +.typeWindows-1za-n7 .winButton-iRh8-Z svg { + display: none; } + +html:not(.app-focused) .typeWindows-1za-n7 .winButton-iRh8-Z:after { + background-color: var(--window-button-inactive); } +html:not(.app-focused) .typeWindows-1za-n7 .winButton-iRh8-Z.winButtonMinMax-PBQ2gm:after { + background-color: var(--window-button-inactive); } + +/* + * + * NOTICES + * + */ +.notice-1tZwqv, +.notice-3bPHh- { + border-radius: 0; } + .notice-1tZwqv .button-3Ijpww, + .notice-3bPHh- .button-3Ijpww { + background-color: transparent !important; + box-shadow: none !important; } + +/* + * + * LOGIN SCREEN + * + */ +.authBox-hW6HRx { + padding: 16px; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .authBox-hW6HRx .mainLoginContainer-1ddwnR { + margin-right: 24px; + padding-right: 24px; + border-right: 1px solid var(--card-border-color); } + .authBox-hW6HRx .verticalSeparator-3huAjp { + display: none; } + .authBox-hW6HRx .qrLogin-1AOZMt { + height: 320px; } + .authBox-hW6HRx .needAccount-23l_Wh { + line-height: 24px; } + .authBox-hW6HRx .lookLink-9FtZy-.colorBrand-3pXr91 { + height: 24px; + min-height: 24px; + padding: 0; + background-color: transparent !important; + font-size: 14px; + font-weight: 400; } + +/* + * + * AUTHORIZE APP + * + */ +.oauth2Wrapper-mHbF5q { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl { + padding: 0; } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua { + border-radius: 0; } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua, + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .scopes-3GJ3xw { + border-bottom: 1px solid var(--popout-header-border); } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .header-1Gj-ua, + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .scopes-3GJ3xw, + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .applicationDetails-9QVoka { + padding: 16px; } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .entry-1btQtX { + margin-top: 0; + margin-bottom: 8px; } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .content-bHl-Nl .entry-1btQtX:last-child { + margin-bottom: 0; } + .oauth2Wrapper-mHbF5q .authorize-3eAFPo .footer-3ZalXG { + padding: 8px; + background-color: transparent; + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); + border-top: 1px solid var(--popout-header-border); } + +/* + * + * TITLE BAR + * + */ +.title-3qD0b- { + z-index: 1; } + +.container-1r6BKw { + box-shadow: var(--elevation-low); } + .container-1r6BKw.themed-ANHk51 { + background-color: var(--main-color); } + +.children-19S4PO:after { + background: linear-gradient(90deg, transparent 0, var(--main-color)) !important; } +.children-19S4PO .topPill-30KHOu { + height: 100%; } + .children-19S4PO .topPill-30KHOu .item-PXvHYJ { + height: 48px; + padding: 0 8px; + line-height: 48px; + background-color: transparent !important; + border-radius: 0; + color: var(--interactive-normal) !important; } + .children-19S4PO .topPill-30KHOu .item-PXvHYJ:hover { + color: var(--interactive-hover) !important; } + .children-19S4PO .topPill-30KHOu .item-PXvHYJ[aria-selected="true"] { + position: relative; + color: var(--interactive-active) !important; } + .children-19S4PO .topPill-30KHOu .item-PXvHYJ[aria-selected="true"]:after { + position: absolute; + content: " "; + width: 90%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } + +.topic-TCb_qw a { + color: var(--accent-color); } + +.wrapper-3WhCwL { + background-color: rgba(var(--accent-rgb), 0.1); + color: var(--accent-color); } + .wrapper-3WhCwL:hover { + background-color: rgba(var(--accent-rgb), 0.3); + color: var(--accent-color); } + +/* TITLE BAR -> SEARCH BAR */ +.search-2oPWTC { + width: 160px; + transition: 300ms ease width; } + .search-2oPWTC .searchBar-3dMhjb { + width: 100%; + height: 32px; + background-color: var(--input-color); + border-radius: 16px; } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-root { + padding: 6px 0; + padding-left: 8px; } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-root .public-DraftEditorPlaceholder-root { + padding-left: 2px; } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3, + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 + span[data-offset-key], + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q span[data-offset-key] { + background-color: rgba(255, 255, 255, 0.15); } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 { + margin-right: 2px; + padding: 0 4px 0 8px; + border-radius: 10px 0 0 10px; } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3:only-child { + padding: 0 8px; + border-radius: 11px; } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q { + background-color: transparent; } + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchFilter-2ESiM3 + span[data-offset-key], + .search-2oPWTC .searchBar-3dMhjb .DraftEditor-editorContainer .searchAnswer-3Dz2-q span[data-offset-key] { + display: inline-block; + height: 20px; + margin: 0 2px 0 -2px; + padding: 0px 8px 0px 0; + border-radius: 0 11px 11px 0; + color: #fff; } + .search-2oPWTC .searchBar-3dMhjb .icon-38sknP { + width: 32px; + height: 32px; } + .search-2oPWTC.open-6_Y_aH { + width: 240px; } + +/* TITLE BAR -> ICONS */ +.iconWrapper-2OrFZ1 { + position: relative; } + .iconWrapper-2OrFZ1:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .iconWrapper-2OrFZ1:hover:after { + opacity: 1; + transform: scale(1.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .iconWrapper-2OrFZ1:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .iconWrapper-2OrFZ1 foreignObject { + mask: none !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path { + /* TITLE BAR -> ICONS -> NEW GROUP DM */ + /* TITLE BAR -> ICONS -> START VOICE CALL */ + /* TITLE BAR -> ICONS -> START VIDEO CALL */ + /* TITLE BAR -> ICONS -> ADD FRIENDS TO DM */ + /* TITLE BAR -> ICONS -> MUTE CHANNEL */ + /* TITLE BAR -> ICONS -> UNMUTE CHANNEL */ + /* TITLE BAR -> ICONS -> PINNED MESSAGES */ + /* TITLE BAR -> ICONS -> MEMBERS LIST */ + /* TITLE BAR -> ICONS -> UPDATE */ + /* TITLE BAR -> ICONS -> INBOX */ + /* TITLE BAR -> ICONS -> HELP */ } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M20.998 0V3H23.998V5H20.998V8H18.998V5H15.998V3H18.998V0H20.998ZM2.99805 20V24L8.33205 20H14.998C16.102 20 16.998 19.103 16.998 18V9C16.998 7.896 16.102 7 14.998 7H1.99805C0.894047 7 -0.00195312 7.896 -0.00195312 9V18C-0.00195312 19.103 0.894047 20 1.99805 20H2.99805Z"] { + d: path("M4 4h16v12H5.17L4 17.17V4m0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-3h12v2H6V6z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] { + d: path("M6.54 5c.06.89.21 1.76.45 2.59l-1.2 1.2c-.41-1.2-.67-2.47-.76-3.79h1.51m9.86 12.02c.85.24 1.72.39 2.6.45v1.49c-1.32-.09-2.59-.35-3.8-.75l1.2-1.19M7.5 3H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.49c0-.55-.45-1-1-1-1.24 0-2.45-.2-3.57-.57-.1-.04-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.45-5.15-3.76-6.59-6.59l2.2-2.2c.28-.28.36-.67.25-1.02C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { + d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21 3H24V5H21V8H19V5H16V3H19V0H21V3ZM10 12C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4C7.795 4 6 5.795 6 8C6 10.205 7.795 12 10 12ZM10 13C5.289 13 2 15.467 2 19V20H18V19C18 15.467 14.711 13 10 13Z"] { + d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"] { + d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] { + d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm0-15.5c2.49 0 4 2.02 4 4.5v.1l2 2V11c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68c-.24.06-.47.15-.69.23l1.64 1.64c.18-.02.36-.05.55-.05zM5.41 3.35L4 4.76l2.81 2.81C6.29 8.57 6 9.74 6 11v5l-2 2v1h14.24l1.74 1.74 1.41-1.41L5.41 3.35zM16 17H8v-6c0-.68.12-1.32.34-1.9L16 16.76V17z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M21.178 1.70703L22.592 3.12103L4.12103 21.593L2.70703 20.178L21.178 1.70703Z"] ~ path { + display: none; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] { + d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] { + d: path("M16.5,6.5A2,2 0 0,1 18.5,8.5A2,2 0 0,1 16.5,10.5A2,2 0 0,1 14.5,8.5A2,2 0 0,1 16.5,6.5M16.5,12A3.5,3.5 0 0,0 20,8.5A3.5,3.5 0 0,0 16.5,5A3.5,3.5 0 0,0 13,8.5A3.5,3.5 0 0,0 16.5,12M7.5,6.5A2,2 0 0,1 9.5,8.5A2,2 0 0,1 7.5,10.5A2,2 0 0,1 5.5,8.5A2,2 0 0,1 7.5,6.5M7.5,12A3.5,3.5 0 0,0 11,8.5A3.5,3.5 0 0,0 7.5,5A3.5,3.5 0 0,0 4,8.5A3.5,3.5 0 0,0 7.5,12M21.5,17.5H14V16.25C14,15.79 13.8,15.39 13.5,15.03C14.36,14.73 15.44,14.5 16.5,14.5C18.94,14.5 21.5,15.71 21.5,16.25M12.5,17.5H2.5V16.25C2.5,15.71 5.06,14.5 7.5,14.5C9.94,14.5 12.5,15.71 12.5,16.25M16.5,13C15.3,13 13.43,13.34 12,14C10.57,13.33 8.7,13 7.5,13C5.33,13 1,14.08 1,16.25V19H23V16.25C23,14.08 18.67,13 16.5,13Z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"] ~ path { + display: none; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { + d: path("M11 8v5l4.25 2.52.77-1.28-3.52-2.09V8zm10 2V3l-2.64 2.64C16.74 4.01 14.49 3 12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9h-2c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.93 0 3.68.79 4.95 2.05L14 10h7z") !important; + fill: var(--success-color); } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z"] { + d: path("M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5v-3h3.56c.69 1.19 1.97 2 3.45 2s2.75-.81 3.45-2H19v3zm0-5h-4.99c0 1.1-.9 2-2 2s-2-.9-2-2H5V5h14v9z") !important; } + .iconWrapper-2OrFZ1 .icon-22AiRD path[d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"] { + d: path("M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z") !important; } + +/* + * + * SERVER LIST + * + */ +.wrapper-3NnKdC { + background-color: var(--server-color); } + .wrapper-3NnKdC .scroller-1Bvpku { + background-color: transparent; } + .wrapper-3NnKdC .tree-2wKJdG:focus { + outline: none; } + +.wrapper-1BJsBx .childWrapper-anI2G9 { + background-color: var(--accent-color); + border-radius: 50%; + color: var(--accent-text-color); } +.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9 { + background-color: var(--accent-color); + color: var(--accent-text-color); } +.wrapper-1BJsBx:hover .childWrapper-anI2G9 { + background-color: var(--accent-color); + color: var(--accent-text-color); } + +.circleIconButton-1QV--U { + border-radius: 50%; + background-color: var(--accent-color); + color: var(--accent-text-color); } + .circleIconButton-1QV--U.selected-1JjBPm { + background-color: var(--accent-color); + color: var(--accent-text-color); } + +/* SERVER LIST -> SERVER */ +.listItem-GuPuDH .wrapper-25eVIn foreignObject { + mask: none; } +.listItem-GuPuDH .wrapper-25eVIn .icon-27yU2q { + border-radius: 50%; } +.listItem-GuPuDH .wrapper-25eVIn .lowerBadge-29hYVK { + width: auto; + height: auto; + bottom: 0; + right: 0; } + .listItem-GuPuDH .wrapper-25eVIn .lowerBadge-29hYVK .numberBadge-2s8kKX { + background-color: var(--alert-color) !important; + box-shadow: var(--shadow-1dp); + color: var(--alert-text-color); } +.listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB { + top: -4px; + left: -4px; } + .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 { + width: 24px; + height: 24px; + background-color: var(--accent-color); + color: var(--accent-text-color); + border-radius: 50%; + animation: audio-flash 1.2s linear infinite; } + .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9.participating-1NvRVd { + background-color: var(--accent-color); + color: var(--accent-text-color); } + .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M { + padding: 4px; } + .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] { + d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); } + .listItem-GuPuDH .wrapper-25eVIn .upperBadge-2XnnGB .iconBadge-2NuvG9 .icon-3s6X1M path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { + d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); } +.listItem-GuPuDH.frame-oXWS21 .childWrapper-anI2G9 { + padding: 0 6px; + border-radius: 5px; + text-transform: capitalize; } + +/* SERVER LIST -> SERVER -> FOLDER */ +.folder-1hbNCn, +.folderIconWrapper-1_bOZe { + border-radius: 50%; } + +/* + * + * CREATE/JOIN SERVER + * + */ +.container-1CE3eW .templatesList-2E6rTe, +.container-1CE3eW .optionsList-3UMAjx { + margin-top: 0; } + .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1, + .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1 { + margin-top: 8px; + margin-bottom: 0; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + transition: var(--default-time) var(--default-animation) background-color; } + .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1:hover, + .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1:hover { + background-color: var(--card-color-alt); } + .container-1CE3eW .templatesList-2E6rTe .container-UC8Ug1:first-child, + .container-1CE3eW .optionsList-3UMAjx .container-UC8Ug1:first-child { + margin-top: 0; } + .container-1CE3eW .templatesList-2E6rTe .skip-2o6MGG, + .container-1CE3eW .optionsList-3UMAjx .skip-2o6MGG { + margin-top: 16px; + margin-bottom: 0; } + +/* + * + * HOME TAB + * + */ +.privateChannels-1nO12o { + background-color: transparent; } + .privateChannels-1nO12o .searchBar-6Kv8R2 .searchBarComponent-32dTOx { + height: 32px; + padding: 0 10px; + background-color: var(--input-color); + border-radius: 16px; } + .privateChannels-1nO12o .scroller-1JbKMe { + background-color: transparent; } + .privateChannels-1nO12o .container-2Pjhx- { + margin-left: 0; + padding: 0; } + .privateChannels-1nO12o .container-2Pjhx- .layout-2DM8Md { + padding: 0 16px; + border-radius: 0 21px 21px 0; + transition: var(--default-time) var(--default-animation) background-color; } + .privateChannels-1nO12o .container-2Pjhx-:hover .layout-2DM8Md { + background-color: var(--menu-item-hover); } + + .privateChannels-1nO12o .container-2Pjhx-.selected-aXhQR6 .layout-2DM8Md { + background-color: var(--menu-item-select); } + +/* HOME TAB - > FRIENDS LIST */ +.container-1D34oG { + background-color: var(--chat-color) !important; } + +.peopleList-3c4jOR .title-30qZAO { + height: 42px; + margin: 0; + padding: 0 16px; + line-height: 42px; + background-color: var(--chat-color); + border-bottom: 1px solid var(--card-border-color); + font-size: 14px; + text-transform: none; } +.peopleList-3c4jOR .peopleListItem-2nzedh { + margin: 0; + padding: 0 16px; + position: relative; + border-bottom: none; + border-radius: 0; + border-top: none; + transition: var(--default-time) var(--default-animation) background-color; } + .peopleList-3c4jOR .peopleListItem-2nzedh:after { + position: absolute; + content: " "; + width: calc(100% - 60px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .peopleList-3c4jOR .peopleListItem-2nzedh:last-of-type:after { + display: none; } + .peopleList-3c4jOR .peopleListItem-2nzedh:hover { + background-color: var(--menu-item-hover); } + .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs { + background-color: transparent; + position: relative; } + .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:hover:after { + opacity: 1; + transform: scale(1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs .icon-35-fSh { + transform: scale(1.2); } + .peopleList-3c4jOR .peopleListItem-2nzedh .actionButton-uPB8Fs .icon-35-fSh path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] { + d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); } + +/* HOME TAB -> NOW PLAYING */ +.nowPlayingColumn-2sl4cE { + background-color: var(--main-color); } + +.header-13Cw0- { + font-size: 14px; + text-transform: none; } + +.emptyCard-1RJw8n { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +.wrapper-3D2qGf { + margin: 0; + background-color: transparent; + border-radius: 0; + border-left: 1px solid var(--card-border-color); + border-right: 1px solid var(--card-border-color); + transition: var(--default-time) ease background-color; } + .wrapper-3D2qGf:hover { + background-color: var(--card-color-hover) !important; } + .wrapper-3D2qGf:not(:only-of-type) { + position: relative; + border-bottom: none; } + .wrapper-3D2qGf:not(:only-of-type):after { + position: absolute; + content: " "; + width: calc(100% - 60px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .wrapper-3D2qGf:not(:only-of-type):last-of-type:after { + display: none; } + .wrapper-3D2qGf:not(:only-of-type):first-of-type { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border-top: 1px solid var(--card-border-color); } + .wrapper-3D2qGf:not(:only-of-type):nth-last-child(2) { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-bottom: 1px solid var(--card-border-color); } + .wrapper-3D2qGf:not(:only-of-type):nth-last-child(2):after { + display: none; } + .wrapper-3D2qGf .body-1ld4H7 { + margin-left: 44px; + background-color: var(--card-color-alt); + border-radius: var(--card-radius-big); } + +.header-13Cw0- + .wrapper-3D2qGf:nth-last-child(2) { + border-radius: var(--card-radius-big); } + +.popout-38lTFE { + padding: 8px 0; + background-color: var(--popout-color) !important; + border-radius: var(--card-radius); + box-shadow: var(--shadow-3dp) !important; } + .popout-38lTFE .wrapper-3Rixsz { + margin: 0; + padding: 9px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .popout-38lTFE .wrapper-3Rixsz:hover { + background-color: var(--menu-item-hover); } + .popout-38lTFE .wrapper-3Rixsz .colorStandard-2KCXvj { + font-weight: 500; + color: var(--menu-item-text-color); } + .popout-38lTFE .memberListContainer-13tNU9 { + margin-top: 0; } + .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj { + margin: 0; + padding: 6px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj:hover { + background-color: var(--menu-item-hover); } + .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .colorStandard-2KCXvj { + color: var(--menu-item-text-color); } + .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-m8r81H .discriminator-19kRMP, + .popout-38lTFE .memberListContainer-13tNU9 .memberListItem-31QoHj .nameTag-m8r81H .username-2b1r56 { + font-weight: 500; } + .popout-38lTFE .memberListContainer-13tNU9 .memberListHeader-543n-J { + margin: 8px 0; + padding: 0 12px; + color: var(--menu-item-text-color); + text-transform: none; } + .popout-38lTFE .separator-XqIyoz { + margin: 8px 0; + background-color: var(--separator-color); } + +.memberItem-3VdCg9 { + padding: 0; } + +/* HOME TAB -> FIND OR START A CONVERSATION */ +.quickswitcher-3JagVE { + padding: 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .quickswitcher-3JagVE .input-2VB9rf { + height: 48px; + line-height: 48px; + margin: 16px; + padding: 0 16px; + background-color: var(--input-color); + border-radius: 24px; + box-shadow: none; } + .quickswitcher-3JagVE .scroller-zPkAnE { + margin-top: 0; + margin-right: 0; + background-color: transparent; + border-top: 1px solid var(--card-border-color); } + .quickswitcher-3JagVE .result-oB0z-- { + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .quickswitcher-3JagVE .result-oB0z--.resultFocused-3aIoYe { + background-color: var(--menu-item-hover); } + .quickswitcher-3JagVE .protip-1b9XPC { + padding: 8px; + border-top-color: var(--card-border-color); } + +/* HOME TAB -> LIBRARY */ +.scroller-1IIF0A, +.scroller-2XE8rp { + background-color: var(--chat-color); } + +.container-19hC9u { + padding-bottom: 8px; } + .container-19hC9u .header-39GIC8 { + height: 42px; + padding: 0 16px; + line-height: 42px; + background-color: var(--chat-color); + border-bottom: 1px solid var(--card-border-color); } + .container-19hC9u .header-39GIC8.stickyHeader-1pqx0j { + width: 100%; } + .container-19hC9u .header-39GIC8 .headerCell-3L6rFG { + border: none; + font-size: 14px; + text-transform: none; } + .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr { + position: relative; } + .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after { + position: absolute; + content: " "; + width: 100%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } + .container-19hC9u .header-39GIC8 .headerCell-3L6rFG.headerCellSorted-3a5AzJ .headerCellContent-1pLtOr:after { + width: calc(100% - 22px); + left: 0; + right: auto; } + .container-19hC9u .rowWrapper-2fB6P0 { + margin: 0; + position: relative; + border-bottom: none; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .container-19hC9u .rowWrapper-2fB6P0:after { + position: absolute; + content: " "; + width: calc(100% - 66px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .container-19hC9u .rowWrapper-2fB6P0:last-of-type:after { + display: none; } + .container-19hC9u .rowWrapper-2fB6P0.rowWrapperActive-2L7i9f { + margin: 0; + padding: 0; + background-color: var(--menu-item-hover); } + .container-19hC9u .rowWrapper-2fB6P0 .row-ZLfFhY { + margin: 0; + padding: 0 16px; + border-top: none !important; } + .container-19hC9u .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK, + .container-19hC9u .rowWrapper-2fB6P0 .settingIcon-1nXguX, + .container-19hC9u .rowWrapper-2fB6P0 .textCell-1aBIUP { + transition: var(--default-time) var(--default-animation) opacity; } + .container-19hC9u .rowWrapper-2fB6P0 .nameBodyCell-3JOlnK { + padding-left: 0; } + +.body-3s3lDR { + min-width: 350px; + max-width: 1200px; + padding: 60px 40px 80px; } + +.wrapper-1u09nF .foreground-2aE44H { + stroke: var(--slider-color) !important; } +.wrapper-1u09nF .foreground-2aE44H { + stroke: var(--accent-color) !important; } + +/* HOME TAB -> NITRO */ +.applicationStore-1pNvnv { + background-color: var(--chat-color); } + .applicationStore-1pNvnv .scroller-9moviB { + background-color: transparent; } + +.premiumContainer-2Iux5m { + min-width: 350px; + max-width: 1200px; } + +.banner-3Kac2g, +.hero-EvfTTA { + max-width: 100%; + border-radius: var(--card-radius-big); } + .banner-3Kac2g.stickersHero-rhTlUd, + .hero-EvfTTA.stickersHero-rhTlUd { + background-position: center; + background-size: cover; } + +.hero-EvfTTA .button-38aScr.lookInverted-2D7oAl, +.wrapper-3nSjSv .button-38aScr.lookInverted-2D7oAl { + background-color: rgba(255, 255, 255, 0.1) !important; + box-shadow: none !important; + color: #fff !important; } + +.detailsBlock-FoDTGA { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +.feature-2w65J5 { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + background-color: transparent !important; } + +.featureStickers-Pc_FBx .stickerImageSection-7EUs8E { + background-color: var(--card-color-alt); + border-radius: var(--card-radius-big); } + +/* HOME TAB -> ADD FRIEND */ +.sectionHeader-20RGqu { + border-color: var(--card-border-color) !important; } + +.addInputWrapper-1BOZ3d { + padding: 16px; } + .addInputWrapper-1BOZ3d .header-1-dBpZ { + margin: 0 0 8px 0; + text-transform: none; } + .addInputWrapper-1BOZ3d .wrapper-1cBijl { + height: auto; + margin: 12px 0 0 0; + padding: 0 4px 0 16px; + background-color: var(--input-color); + border-radius: 18px; + border: none; } + .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendInput-4bcerK, + .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendHint-3Y70FX { + line-height: 36px; + font-weight: 400; } + .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendInput-4bcerK::-webkit-input-placeholder, + .addInputWrapper-1BOZ3d .wrapper-1cBijl .addFriendHint-3Y70FX::-webkit-input-placeholder { + color: var(--text-muted); } + .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr { + width: 32px; + min-width: 32px; + height: 32px; + min-height: 32px; + padding: 0; + background-color: transparent !important; + border-radius: 50%; + box-shadow: none !important; + font-size: 0; } + .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:before { + position: absolute; + content: " "; + width: 32px; + height: 32px; + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/send.svg); + background-repeat: no-repeat; + background-position: center; + opacity: 0.65; } + .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:after { + display: none; } + .addInputWrapper-1BOZ3d .wrapper-1cBijl .button-38aScr:hover { + background-color: rgba(var(--button-link-color), 0.075) !important; } + +/* + * + * SERVER DISCOVERY + * + */ +.pageWrapper-1PgVDX { + background-color: var(--chat-color) !important; } + +.headerImage-3X1tyY { + border-radius: var(--card-radius-big); + box-shadow: var(--shadow-1dp); } + +.search-1iTphC .searchBox-2_mAlO { + border-radius: 18px; + border: none; + box-shadow: none; + transition: var(--default-time) var(--default-animation) box-shadow; } + .search-1iTphC .searchBox-2_mAlO:focus-within { + box-shadow: var(--shadow-3dp); } + .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu { + border-bottom: none !important; } + .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu:before, .search-1iTphC .searchBox-2_mAlO .searchBoxInputWrapper-nKncfu:after { + display: none; } + .search-1iTphC .searchBox-2_mAlO .searchBoxInput-uJtBcv { + padding: 8px 16px; } + +/* SERVER DISCOVERY -> SIDEBAR */ +.sidebar-2K8pFh .categoryItem-3zFJns { + margin: 0 8px 0 0; + border-radius: 0 21px 21px 0; } + .sidebar-2K8pFh .categoryItem-3zFJns .wrappedLayout-3DR7Pk { + border-radius: 0 21px 21px 0; } + .sidebar-2K8pFh .categoryItem-3zFJns:hover .layout-2DM8Md { + background-color: var(--menu-item-hover); } + .sidebar-2K8pFh .categoryItem-3zFJns.selectedCategoryItem-3X8ujp { + color: var(--menu-item-text-color); } + .sidebar-2K8pFh .categoryItem-3zFJns.selectedCategoryItem-3X8ujp .itemInner-3gVXMG { + background-color: var(--menu-item-select); } + +/* SERVER DISCOVERY -> CARDS */ +.card-3DjzTQ { + background-color: var(--card-color-alt) !important; + border-radius: var(--card-radius-big); + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) transform, var(--default-time) var(--default-animation) box-shadow; } + .card-3DjzTQ:hover { + box-shadow: var(--shadow-3dp) !important; } + .card-3DjzTQ:hover .guildInfo-2wGKIg { + border-color: transparent; } + .card-3DjzTQ .cardHeader-Int16m { + margin-bottom: 0; } + .card-3DjzTQ .guildInfo-2wGKIg { + padding-top: 32px; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border: 1px solid var(--card-border-color); + border-top: none; + transition: var(--default-time) var(--default-animation) border-color; } + .card-3DjzTQ .guildIcon-3W0pfo foreignObject { + mask: none !important; } + .card-3DjzTQ .guildIcon-3W0pfo .iconMask-3b8GzQ { + background-color: var(--card-color-alt) !important; + border-radius: 50%; } + .card-3DjzTQ .guildIcon-3W0pfo .iconMask-3b8GzQ .avatar-22otdK { + border-radius: 50%; } + +/* + * + * SERVER BOOST PAGE + * + */ +.perksModal-fSYqOq { + background-color: var(--main-color) !important; + background-image: none !important; } + +.ctaBar-2UsjF2 { + background-image: none !important; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +/* SERVER BOOST PAGE -> LEVELS */ +.tierMarkerBackground-3q29am { + background-color: var(--main-color) !important; } + +.tierWrapper-W9ajqp { + border-radius: 0; + box-shadow: none !important; } + +.carouselItem-g4c5Xp { + background-color: var(--card-color-alt); + border-radius: var(--card-radius-big); + transition: var(--default-time) var(--default-animation) box-shadow; } + .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG { + box-shadow: var(--shadow-3dp); } + .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz { + border-color: transparent; + border-bottom-color: var(--card-border-color); } + .carouselItem-g4c5Xp.carouselItemSelected-JFUsnG .tier-12tKuZ .tierBody-16Chc9 { + border-color: transparent; } + .carouselItem-g4c5Xp .tier-12tKuZ { + border-radius: var(--card-radius-big); } + .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb, + .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 { + transition: var(--default-time) var(--default-animation) border-color; } + .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } + .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb.tierHeaderLocked-1s2JJz { + background-color: transparent !important; + border: 1px solid var(--card-border-color); } + .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierLock-3CSxSX path { + d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; } + .carouselItem-g4c5Xp .tier-12tKuZ .tierHeader---JJFb .tierUnlocked-25K6Kv { + font-size: 14px; + text-transform: none; } + .carouselItem-g4c5Xp .tier-12tKuZ .tierBody-16Chc9 { + background-color: transparent; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border: 1px solid var(--card-border-color); + border-top: none; } + +.perk-2WeBWW { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +/* + * + * DIRECT MESSAGES + * + */ +.wrapper-2qzCYF { + box-shadow: var(--shadow-3dp); } + .wrapper-2qzCYF.minimum-28Z35l { + background-color: var(--chat-color); } + +.content-yTz4x3:before { + display: none; } + +.border-Jn5IOt { + transition: var(--default-time) var(--default-animation) box-shadow; } + .border-Jn5IOt.speaking-B2MXPi { + box-shadow: inset 0 0 0 3px var(--accent-color), inset 0 0 0 4px var(--background-floating); } + +/* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE */ +.root-217Brm { + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS */ } + .root-217Brm .videoControls-24w7Xp .contextMenuNub-3yOOYo.colorable-1bkp8v.white-3GPOIp { + background-color: #2f3136; + color: #fff; } + .root-217Brm .videoControls-24w7Xp .button-38aScr { + border-radius: 50% !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk) { + background-color: var(--menu-item-hover); } + .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk):hover { + background-color: var(--menu-item-select); } + .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ:not(.red-33-Lnk) .centerIcon-2G6o-T { + color: var(--menu-item-text-color) !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk { + background-color: var(--alert-color); } + .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk:hover { + background-color: var(--alert-color); } + .root-217Brm .videoControls-24w7Xp .button-38aScr.centerButton-3CaNcJ.red-33-Lnk .centerIcon-2G6o-T { + color: var(--alert-text-color); } + .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ) { + background-color: transparent !important; + position: relative; } + .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):hover:after { + opacity: 1; + transform: scale(1.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .root-217Brm .videoControls-24w7Xp .button-38aScr:not(.centerButton-3CaNcJ):active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .root-217Brm .videoControls-24w7Xp .button-38aScr path { + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> TURN ON CAMERA */ + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> JOIN CALL */ + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> STOP SCREEN SHARE */ + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> SCREEN SHARE */ + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> MUTE */ + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> UNMUTE */ + /* DIRECT MESSAGES -> VIDEO CALL/SCREEN SHARE -> CONTROLS -> END CALL */ } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { + d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M11 5V3C16.515 3 21 7.486 21 13H19C19 8.589 15.411 5 11 5ZM17 13H15C15 10.795 13.206 9 11 9V7C14.309 7 17 9.691 17 13ZM11 11V13H13C13 11.896 12.105 11 11 11ZM14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16Z"] { + d: path("M20 15.45c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.4 8.5 5.2 8.5 3.95c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 4.95h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.92c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51zM18 5.95v-3h-2v3h-3v2h3v3h2v-3h3v-2z") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] { + d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] { + d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] { + d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path { + display: none; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { + d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path { + display: none; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] { + d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; } + .root-217Brm .videoControls-24w7Xp .button-38aScr path[d="M20 11V13.5H4V4.5H13V2.5H4C3.46957 2.5 2.96086 2.71071 2.58579 3.08579C2.21071 3.46086 2 3.96957 2 4.5L2 15.5C2 16.0304 2.21071 16.5391 2.58579 16.9142C2.96086 17.2893 3.46957 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C20.5304 17.5 21.0391 17.2893 21.4142 16.9142C21.7893 16.5391 22 16.0304 22 15.5V11H20Z"] ~ path { + display: none; } + .root-217Brm .bottomControls-lIJyYL .leftTrayIcon-vpfJk5:after { + display: none; } + +.regionSelectPopout-p9-0_W { + padding: 8px 0; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius); + box-shadow: var(--shadow-3dp); } + .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 { + position: relative; + padding: 9px 12px; + transition: var(--default-time) ease background-color; } + .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9:hover { + background-color: var(--menu-item-hover) !important; } + .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9.selected { + background-color: var(--menu-item-select) !important; } + .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .regionSelectFlag-1htPow { + position: absolute; + left: 12px; } + .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .regionSelectName-c5qL8O { + margin-right: 24px; + margin-left: 36px; + font-size: 14px; + text-align: left; + color: var(--menu-item-text-color) !important; } + .regionSelectPopout-p9-0_W .quickSelectPopoutOption-opKBx9 .check-2by_h9 { + position: absolute; + right: 12px; } + +.scroller-2ymjU1 { + padding: 8px 0; + padding-right: 0 !important; + background-color: var(--popout-color); + border-radius: var(--popout-radius); } + .scroller-2ymjU1 .memberListHeader-c-ghag { + margin: 8px 0; + padding: 0 12px; + color: var(--menu-item-text-color); + text-transform: none; } + .scroller-2ymjU1 .memberListItem-2ZX2pl { + margin: 0; + padding: 6px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .scroller-2ymjU1 .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover { + background-color: var(--menu-item-hover) !important; } + .scroller-2ymjU1 .memberListItem-2ZX2pl .colorStandard-2KCXvj { + color: var(--menu-item-text-color); } + .scroller-2ymjU1::-webkit-scrollbar { + width: 0 !important; } + +.tile-2naSqK { + border-radius: var(--card-radius-big); } + +.participantsButton-KYW-IW { + background-color: #2f3136 !important; + border-radius: 16px !important; } + .participantsButton-KYW-IW:hover { + background-color: #202225 !important; } + +.overlayTitle-8IcS01 { + border-radius: 16px; } + +/* + * + * CHANNELS LIST + * + */ +.sidebar-2K8pFh { + border-radius: 0 !important; } + .sidebar-2K8pFh, + .sidebar-2K8pFh .container-3w7J-x { + background-color: var(--main-color); } + .sidebar-2K8pFh .container-2ax-kl { + font-size: 14px; + text-transform: none; } + .sidebar-2K8pFh .container-1taM1r:not(.hasBanner-2SrLR3) .header-2V-4Sw, .sidebar-2K8pFh .container-1taM1r:not(.hasBanner-2SrLR3) .header-2V-4Sw:hover { + background-color: var(--main-color); } + +/* CHANNELS LIST -> CREATE CHANNEL */ +.inputPrefix-1gzNds { + top: 10px; + left: 0; } + .inputPrefix-1gzNds + .input-cIJ7To { + padding-left: 20px; } + +/* CHANNELS LIST -> CHANNEL */ +.containerDefault--pIXnN .content-1x5b-n { + margin-left: 0; + border-radius: 0 24px 24px 0; } + +.containerDefault-3tr_sE .addButton-3bLyEA { + background-color: transparent !important; + position: relative; } + .containerDefault-3tr_sE .addButton-3bLyEA:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .containerDefault-3tr_sE .addButton-3bLyEA:hover:after { + opacity: 1; + transform: scale(1.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .containerDefault-3tr_sE .addButton-3bLyEA:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + +.containerDragAfter-3Fp7LC:after, +.containerDragBefore-3iTCc7:before { + left: 0; + background-color: var(--accent-color); } + +.containerUserOver-2mv1jO:after { + right: 4px; + background-color: rgba(var(--accent-rgb), 0.1); + border-radius: var(--card-radius-big); + border-color: rgba(var(--accent-rgb), 0.5); } + +.content-1Wq3SX { + border-radius: 15px; + /* CHANNELS LIST -> CHANNEL -> VOICE ICONS */ } + .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path { + display: none; + /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> MUTED */ + /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> DEAFENED */ + /* CHANNELS LIST -> CHANNEL -> VOICE ICONS -> WEBCAM */ } + .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { + display: block; + d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86z") !important; } + .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] { + display: block; + d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; } + .content-1Wq3SX .icons-1dXQdz .icon-2IuuZd path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { + display: block; + d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z") !important; } + +.streamPreview-2-WUWT { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .streamPreview-2-WUWT .watchButton-2SbJEo { + background-color: rgba(var(--button-link-color), 0.075) !important; + box-shadow: none !important; + color: var(--button-link-text-color) !important; + transition: var(--default-time) var(--default-animation) background-color !important; } + .streamPreview-2-WUWT .watchButton-2SbJEo:hover { + background-color: rgba(var(--button-link-color), 0.125) !important; } + +/* CHANNELS LIST -> CHANNEL -> ICONS */ +.iconItem-F7GRxr { + position: relative; + margin: 0 0 0 10px; + position: relative; } + .iconItem-F7GRxr:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .iconItem-F7GRxr:hover:after { + opacity: 1; + transform: scale(1.8); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .iconItem-F7GRxr:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .iconItem-F7GRxr .actionIcon-PgcMM2 { + transform: translateX(-1px); } + .iconItem-F7GRxr .actionIcon-PgcMM2:active { + transform: translateY(0); } + .iconItem-F7GRxr .actionIcon-PgcMM2 path { + transform: scale(0.72); + /* CHANNELS LIST -> CHANNEL -> ICONS -> CREATE/INVITE */ + /* CHANNELS LIST -> CHANNEL -> ICONS -> EDIT CHANNEL */ } + .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] { + d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; } + .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"] ~ path { + display: none; } + .iconItem-F7GRxr .actionIcon-PgcMM2 path[d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"] { + d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; } + +.mainContent-u_9PKf .icon-1DeIlz path { + /* CHANNELS LIST -> CHANNEL -> ICONS -> VOICE CHANNEL */ + /* CHANNELS LIST -> CHANNEL -> ICONS -> ANNOUNCEMENTS */ + /* CHANNELS LIST -> CHANNEL -> ICONS -> RULES */ + /* CHANNELS LIST -> CHANNEL -> ICONS -> BIG LOCK */ + /* CHANNELS LIST -> CHANNEL -> ICONS -> SMALL LOCK */ + /* CHANNELS LIST -> CHANNEL -> ICONS -> NSFW */ } + .mainContent-u_9PKf .icon-1DeIlz path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"] { + d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); } + .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M4.85 8.26429L15.84 5.84426V10.5599C15.84 11.6202 16.6996 12.4799 17.76 12.4799H21V19.0586H19.1V17.9302L12.7065 16.524L10.36 19.6233C10.1776 19.8633 9.89545 19.9998 9.6 19.9998C9.524 19.9998 9.4461 19.9904 9.3701 19.9725L5.5701 19.0313C5.1464 18.925 4.85 18.5495 4.85 18.1175V8.26429ZM9.2181 17.9942L6.75 17.3824V15.2111L10.6706 16.0751L9.2181 17.9942Z"] { + d: path("M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z"); } + .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.26H2V15.2941H3.9V8.26Z"] ~ path { + display: none; } + .mainContent-u_9PKf .icon-1DeIlz path[d="M33 34.5833V7.49998H35V36.6666H9C6.791 36.6666 5 34.801 5 32.5V7.49998C5 5.19894 6.791 3.33331 9 3.33331H31V30.4166H9C7.8955 30.4166 7 31.3485 7 32.5C7 33.6515 7.8955 34.5833 9 34.5833H33ZM23.9718 9.99998L15.8889 17.9915L12.7086 14.8441L10 17.5058L15.8885 23.3333L26.6667 12.6669L23.9718 9.99998Z"] { + d: path("M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z"); + transform: scale(1.6); } + .mainContent-u_9PKf .icon-1DeIlz path[d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"] { + d: path("M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"); } + .mainContent-u_9PKf .icon-1DeIlz path[d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"], .mainContent-u_9PKf .icon-1DeIlz path[d="M22.025 2V3C22.5635 3 23 3.43652 23 3.975V7C23 7.55228 22.5523 8 22 8H18C17.4477 8 17 7.55228 17 7V4C17 3.44772 17.4477 3 18 3V2C18 0.88 18.95 0 20 0C21.05 0 22.025 0.88 22.025 2ZM19 3H21V2C21 1.42857 20.5333 1 20 1C19.4667 1 19 1.42857 19 2V3Z"] { + transform: translateX(-7px) scale(1.35); + fill: var(--interactive-normal); + opacity: 1; } + .mainContent-u_9PKf .icon-1DeIlz path[d="M3.9 8.25981H2V15.2939H3.9V8.25981Z"] { + d: path("M22.545 4.87988V5.87988H23.28C23.4126 5.87988 23.52 5.98733 23.52 6.11988V10.6399C23.52 10.7724 23.4126 10.8799 23.28 10.8799H17.76C17.6275 10.8799 17.52 10.7724 17.52 10.6399V6.11988C17.52 5.98733 17.6275 5.87988 17.76 5.87988H18.52V4.87988C18.52 3.75988 19.47 2.87988 20.52 2.87988C21.57 2.87988 22.545 3.75988 22.545 4.87988ZM19.52 5.87988H21.52V4.87988C21.52 4.30845 21.0534 3.87988 20.52 3.87988C19.9867 3.87988 19.52 4.30845 19.52 4.87988V5.87988Z"); + transform: translate(-8px, -2px) scale(1.35); + fill: var(--interactive-normal); + opacity: 1; } + .mainContent-u_9PKf .icon-1DeIlz path[d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"] { + transform: translateX(-6px) scale(1.35); + fill: var(--interactive-normal); + opacity: 1; } + +/* CHANNELS LIST -> CHANNEL -> LISTENING TO SPOTIFY */ +.container-2dqNWc { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .container-2dqNWc .headerText-1HLrL7 { + font-size: 14px; + text-transform: none; + font-weight: 500; } + .container-2dqNWc .assetsLargeImage-eYwpTX { + border-radius: 50%; } + .container-2dqNWc .buttonSize-AQY2mE { + height: 36px; + min-height: 36px; + padding: 0 !important; } + .container-2dqNWc .button-38aScr { + background-color: rgba(var(--button-link-color), 0.075) !important; + box-shadow: none !important; + color: var(--button-link-text-color) !important; + transition: var(--default-time) var(--default-animation) background-color !important; } + .container-2dqNWc .button-38aScr:hover { + background-color: rgba(var(--button-link-color), 0.125) !important; } + +/* CHANNELS LIST -> CHANNEL -> CREATE INVITE */ +.header-2Pz98J .container-2XeR5Z { + background-color: var(--input-color); + border-radius: 16px; } + .header-2Pz98J .container-2XeR5Z .inner-3ErfOT { + padding: 0; } + .header-2Pz98J .container-2XeR5Z .inner-3ErfOT .input-1Rv96N { + height: 32px; + line-height: 32px; + margin: 0; + padding: 0 8px 0 12px; } + .header-2Pz98J .container-2XeR5Z .inner-3ErfOT .iconLayout-1WxHy4 { + width: 32px; + height: 32px; } + +.scroller-2hZ97C { + padding-left: 0; } + +.inviteRow-2L02ae { + margin-right: 0; + padding: 7px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .inviteRow-2L02ae:hover { + background-color: var(--menu-item-hover); } + +/* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL */ +.inputMaxLength-1vRluy textarea.input-cIJ7To { + min-height: 32px; } +.inputMaxLength-1vRluy .maxLength-39QFBo { + right: 0; } + +/* CHANNELS LIST -> CHANNEL -> EDIT CHANNEL -> PERMISSIONS */ +.settingCard-3w2mVL { + margin-bottom: 32px; + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .settingCard-3w2mVL, .settingCard-3w2mVL.active-1ytUzX, + .settingCard-3w2mVL .cardFolder-28dwxo { + background-color: transparent; } + .settingCard-3w2mVL .cardContent-qqqwo8 { + border-bottom: 1px solid var(--card-border-color); } + .settingCard-3w2mVL .folderHeader-3eAh2M { + position: relative; + border-bottom: none; } + .settingCard-3w2mVL .folderHeader-3eAh2M:after { + position: absolute; + content: " "; + width: 100%; + height: 1px; + bottom: 0; + left: 0; + background-color: var(--card-border-color); } + .settingCard-3w2mVL .roleMemberList-3aPmJW { + padding: 16px; } + .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv { + height: auto !important; } + .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .memberRow-1LB6aT { + padding: 0 4px; + margin-bottom: 16px; } + .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .memberRow-1LB6aT:last-child { + margin-bottom: 0; } + .settingCard-3w2mVL .roleMemberList-3aPmJW .content-3YMskv .divider-3573oO { + display: none; } + .settingCard-3w2mVL + .divider-3573oO { + display: none; } + +.easyModeLayoutStyle-11J5S7 .card-3Qj_Yx { + margin-bottom: 24px; } + +/* + * + * MEMBERS LIST + * + */ +.members-1998pB, .members-1998pB > div { + background-color: var(--main-color); } +.members-1998pB .container-2Pjhx- { + width: 100%; + height: 42px; + margin: 0; } + .members-1998pB .container-2Pjhx-, + .members-1998pB .container-2Pjhx- .layout-2DM8Md { + border-radius: 21px 0 0 21px; } + .members-1998pB .container-2Pjhx- .layout-2DM8Md { + width: calc(100% - 18px); + margin-left: 8px; + padding: 0 8px 0 8px; + transition: 200ms ease all; } + .members-1998pB .container-2Pjhx-:hover .layout-2DM8Md { + background-color: var(--menu-item-hover); } + .members-1998pB .container-2Pjhx-.selected-aXhQR6 .layout-2DM8Md { + background-color: var(--menu-item-select); } +.members-1998pB .container-2ax-kl { + margin: 0 0 4px 0; + padding: 20px 8px 0 16px; + font-size: 14px; + text-transform: none; } + +.botTag-2WPJ74 { + border-radius: 8px !important; } + .botTag-2WPJ74.botTagRegular-2HEhHi { + background-color: var(--accent-color); + color: var(--accent-text-color); } + +/* MEMBERS LIST -> ROLES */ +.role-2irmRk { + min-width: 32px; + height: 32px; + padding: 0; + background-color: transparent; + border-radius: 16px; } + .role-2irmRk .roleCircle-3xAZ1j, + .role-2irmRk .perm-circle { + width: 26px; + height: 26px; + margin-left: 2px; + margin-right: 0; } + .role-2irmRk .roleCircle-3xAZ1j:not(:empty), + .role-2irmRk .perm-circle:not(:empty) { + position: relative; } + .role-2irmRk .roleCircle-3xAZ1j:not(:empty):after, + .role-2irmRk .perm-circle:not(:empty):after { + position: absolute; + content: "Remove role"; + width: 70px; + height: auto; + top: 0; + left: 0; + line-height: 16px; + padding: 8px; + background-color: rgba(97, 97, 97, 0.9); + box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); + border-radius: var(--card-radius); + transform: translate(-4px, -38px); + pointer-events: none; + color: #ddd; + font-size: 12px; + transition: var(--default-time) var(--default-animation) all; + z-index: 3; + opacity: 0; } + .role-2irmRk .roleCircle-3xAZ1j:not(:empty):hover:after, + .role-2irmRk .perm-circle:not(:empty):hover:after { + opacity: 1; } + .role-2irmRk .perm-circle { + width: 26px !important; + height: 26px !important; + margin-right: 0 !important; } + .role-2irmRk .roleRemoveIcon-2-TeGW { + width: 24px; + height: 24px; + display: block; + transition: var(--default-time) var(--default-animation) opacity, var(--default-time) var(--default-animation) transform; + transform: scale(0.25); + opacity: 0; + cursor: pointer; } + .role-2irmRk:hover .roleRemoveIcon-2-TeGW { + transform: scale(0.75) rotate(90deg); + opacity: 1; } + .role-2irmRk .roleName-32vpEy { + margin: 0 8px 0 4px; } + .role-2irmRk.addButton-pcyyf6 { + background-color: transparent !important; + position: relative; } + .role-2irmRk.addButton-pcyyf6:after { + position: absolute; + content: "Add role"; + width: 47px; + height: auto; + top: 0; + left: 0; + line-height: 16px; + padding: 8px; + background-color: rgba(97, 97, 97, 0.9); + box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); + border-radius: var(--card-radius); + transform: translate(-4px, -38px); + pointer-events: none; + color: #ddd; + font-size: 12px; + transition: var(--default-time) var(--default-animation) all; + z-index: 3; + opacity: 0; } + .role-2irmRk.addButton-pcyyf6:hover:after { + opacity: 1; } + .role-2irmRk.addButton-pcyyf6 .addButtonIcon-1NMJ8u { + width: 18px; + height: 18px; } + +/* + * + * CHAT AREA + * + */ +.chat-3bRxxu, +.threadSidebar-1o3BTy { + background-color: var(--chat-color); } + +.content-MLh4nU { + background: var(--chat-color); } + +.wrapper-3vR61M, +.wrapper-1F5TKx { + background-color: transparent; } + +.attachment-2p5mHK, +.avatar-2daVqv, +.blob-2w7iIK { + background-color: #fff; } + +/* CHAT AREA -> MESSAGES */ +.messagesWrapper-1sRNjr.group-spacing-0 .groupStart-23k01U { + --group-spacing: 0.125rem; } +.messagesWrapper-1sRNjr.group-spacing-0 .divider-JfaTT5.beforeGroup-1rH1F0 { + top: 1px; } +.messagesWrapper-1sRNjr.group-spacing-4 .groupStart-23k01U { + --group-spacing: 0.3125rem; } +.messagesWrapper-1sRNjr.group-spacing-4 .divider-JfaTT5.beforeGroup-1rH1F0 { + top: 2px; } +.messagesWrapper-1sRNjr.group-spacing-8 .groupStart-23k01U { + --group-spacing: 0.5625rem; } +.messagesWrapper-1sRNjr.group-spacing-8 .divider-JfaTT5.beforeGroup-1rH1F0 { + top: 4px; } +.messagesWrapper-1sRNjr.group-spacing-16 .groupStart-23k01U { + --group-spacing: 1.0625rem; } +.messagesWrapper-1sRNjr.group-spacing-16 .divider-JfaTT5.beforeGroup-1rH1F0 { + top: 8px; } +.messagesWrapper-1sRNjr.group-spacing-24 .groupStart-23k01U { + --group-spacing: 1.5625rem; } +.messagesWrapper-1sRNjr.group-spacing-24 .divider-JfaTT5.beforeGroup-1rH1F0 { + top: 12px; } +.messagesWrapper-1sRNjr[class*="group-spacing"] .groupStart-23k01U { + margin-top: var(--group-spacing) !important; } +.messagesWrapper-1sRNjr[class*="group-spacing"] .divider-JfaTT5:not(.beforeGroup-1rH1F0) { + top: -4px; } + +.wrapper-2a6GCs { + background-color: var(--message-color) !important; } + .wrapper-2a6GCs.groupStart-23k01U { + position: relative; + border-radius: var(--message-radius); } + .wrapper-2a6GCs.groupStart-23k01U .avatar-1BDn8e { + width: 40px; + height: 40px; + top: 0; + left: -50px; + margin-top: 0; } + .wrapper-2a6GCs.ephemeral-1PsL1r:before, .wrapper-2a6GCs.replying-1x3H0T:before { + display: none; } + .wrapper-2a6GCs.ephemeral-1PsL1r a, .wrapper-2a6GCs.replying-1x3H0T a { + color: var(--accent-color); } + .wrapper-2a6GCs:not(.groupStart-23k01U) { + border-radius: 0 0 var(--message-radius) var(--message-radius); } + .wrapper-2a6GCs:not(.groupStart-23k01U):before, .wrapper-2a6GCs:not(.groupStart-23k01U):after { + content: " "; + position: absolute; + width: 0; + height: 0; + top: 3px; + background-color: transparent; + border: 16px solid transparent; + border-color: transparent; + pointer-events: none; + transform: rotate(360deg); } + .wrapper-2a6GCs:not(.groupStart-23k01U):before { + left: 0; + border-left-color: var(--message-color); } + .wrapper-2a6GCs:not(.groupStart-23k01U):after { + right: 0; + border-bottom-color: var(--message-color); } + .wrapper-2a6GCs.cozy-3raOZG { + padding: var(--message-padding) !important; } + .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U { + margin-left: 68px; + margin-right: 26px; + margin-bottom: 0; } + .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U.mentioned-xhSam7:before { + display: none; } + .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) { + margin: -8px 26px 0 68px; + padding: var(--message-padding-alt) !important; } + .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):before, .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):after { + margin: -16px 0 0 0; } + .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):before { + border-width: 14px 0 0 6px; } + .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U):after { + border-width: 0 0 14px 6px; } + .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) + .divider-JfaTT5:not(.beforeGroup-1rH1F0) { + top: -4px; } + .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U).mentioned-xhSam7:before { + content: " "; + position: absolute; + width: 0; + height: 0; + top: 3px; + background-color: transparent; + border: 16px solid transparent; + border-color: transparent; + pointer-events: none; + transform: rotate(360deg); + left: 0; + border-left-color: var(--message-color); } + .wrapper-2a6GCs.cozy-3raOZG .header-23xsNx { + margin-bottom: 4px; } + .wrapper-2a6GCs.cozy-3raOZG .messageContent-2qWWxC { + margin-left: 0; + padding-left: 0; } + .wrapper-2a6GCs.cozy-3raOZG:hover .timestamp-3ZCmNB.alt-1uNpEt { + opacity: 1; + transition: var(--default-time) ease opacity 750ms; } + .wrapper-2a6GCs.cozy-3raOZG .timestamp-3ZCmNB.alt-1uNpEt { + opacity: 0; + left: -72px; + color: var(--text-muted); + font-weight: 600; + transition: var(--default-time) ease opacity 0ms; } + .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6) { + margin: 16px 26px 0 68px; + padding: 8px 12px !important; + border-radius: var(--message-radius); } + .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6):before, .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6):after { + display: none; } + .wrapper-2a6GCs.cozy-3raOZG:not(.message-2qnXI6) .avatar-1BDn8e { + top: 0; + left: -63px; } + .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo:before { + transform: translateX(42px); } + .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo .replyAvatar-1K9Wmr, + .wrapper-2a6GCs.cozy-3raOZG .repliedMessage-VokQwo .replyBadge-r1su3o { + margin-left: 40px; } + .wrapper-2a6GCs.compact-T3H92H { + margin-left: 70px; + margin-right: 20px; + margin-bottom: 0; + padding-right: 8px !important; } + .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U { + padding: 8px; } + .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U.mentioned-xhSam7:before { + display: none; } + .wrapper-2a6GCs.compact-T3H92H.groupStart-23k01U + .divider-JfaTT5 { + margin-bottom: -1px; } + .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U) { + padding: 0 8px 8px 8px; } + .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):before, .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):after { + margin: -19px 0 0 0; } + .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):before { + border-width: 16px 0 0 14px; } + .wrapper-2a6GCs.compact-T3H92H:not(.groupStart-23k01U):after { + border-width: 0 0 16px 14px; } + .wrapper-2a6GCs.compact-T3H92H .header-23xsNx { + position: relative; + left: -4px; } + .wrapper-2a6GCs.compact-T3H92H .timestamp-3ZCmNB { + margin-right: 16px; + color: var(--text-muted); } + .wrapper-2a6GCs.compact-T3H92H + .divider-JfaTT5 { + margin-left: 80px; } + .wrapper-2a6GCs.compact-T3H92H + .divider-JfaTT5:not(.beforeGroup-1rH1F0) { + top: -11px; } + .wrapper-2a6GCs.compact-T3H92H .repliedMessage-VokQwo { + margin-left: calc(var(--timestamp-width) + 3.1rem + var(--text-indent)); } + .wrapper-2a6GCs.compact-T3H92H + .wrapper-2a6GCs.compact-T3H92H:not(.message-2qnXI6) { + margin: 16px 20px 0 70px; } + .wrapper-2a6GCs.compact-T3H92H .iconContainer-3GkGRf { + margin-left: 4.5ch; } + .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC { + position: relative; + background-color: rgba(var(--accent-rgb), 0.15); + border-radius: var(--card-radius); } + .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC a { + color: var(--accent-text-color); } + .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC .wrapper-3WhCwL:before { + display: none; } + .wrapper-2a6GCs.mentioned-xhSam7 .messageContent-2qWWxC .wrapper-3WhCwL:hover { + color: var(--accent-text-color); } + .wrapper-2a6GCs .iconContainer-3GkGRf { + position: relative; + width: auto; + right: auto; + margin-right: 12px; } + .wrapper-2a6GCs .iconContainer-3GkGRf .icon-2Po-VO[style*='/assets/c30220457097b064286a8759a9b6c4af.svg'] { + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/phone_called.svg) !important; } + .wrapper-2a6GCs .iconContainer-3GkGRf .icon-2Po-VO[style*='/assets/d80d1fdc43a3c42134a31a39581160ac.svg'] { + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/phone_missed.svg) !important; } + .wrapper-2a6GCs .channelTextArea-2VhZ6z .scrollableContainer-2NUZem { + background-color: var(--main-textarea-color-alt); + border-radius: var(--main-textarea-radius); } + +.operations-36ENbA > a { + color: var(--accent-color); } + +/* CHAT AREA -> MESSAGES -> ACTIONS */ +.message-2qnXI6 .buttons-cl5qTG { + max-width: 32px; + opacity: 0; + visibility: visible; + pointer-events: none; + transition: opacity var(--default-time) var(--default-animation), max-width var(--default-time) var(--default-animation) var(--default-time); } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm { + background-color: var(--main-textarea-color); + border-radius: 16px; + box-shadow: var(--shadow-2dp); + border: none; + overflow: hidden; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm:hover { + box-shadow: var(--shadow-3dp); } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 { + transition: var(--default-time) ease all; + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS */ } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9:hover { + background-color: var(--menu-item-hover); } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9:active { + padding: 4px; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .selected-LCBEAU { + background-color: var(--menu-item-select); } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa { + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> ADD REACTION */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> START THREAD */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> REPLY */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> EDIT MESSAGE */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> RETRY */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> DELETE MESSAGE */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> MARK READ */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> PIN MESSAGE */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY LINK */ + /* CHAT AREA -> MESSAGES -> ACTIONS -> ICONS -> COPY ID */ } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] { + d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12.2512 2.00309C12.1677 2.00104 12.084 2 12 2C6.477 2 2 6.477 2 12C2 17.522 6.477 22 12 22C17.523 22 22 17.522 22 12C22 11.916 21.999 11.8323 21.9969 11.7488C21.3586 11.9128 20.6895 12 20 12C15.5817 12 12 8.41828 12 4C12 3.31052 12.0872 2.6414 12.2512 2.00309ZM10 8C10 6.896 9.104 6 8 6C6.896 6 6 6.896 6 8C6 9.105 6.896 10 8 10C9.104 10 10 9.105 10 8ZM12 19C15.14 19 18 16.617 18 14V13H6V14C6 16.617 8.86 19 12 19Z"] ~ path { + display: none; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M4.79805 3C3.80445 3 2.99805 3.8055 2.99805 4.8V15.6C2.99805 16.5936 3.80445 17.4 4.79805 17.4H7.49805V21L11.098 17.4H19.198C20.1925 17.4 20.998 16.5936 20.998 15.6V4.8C20.998 3.8055 20.1925 3 19.198 3H4.79805Z"] { + d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M10 8.26667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.33333 10 8.26667Z"] { + d: path("M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M19.2929 9.8299L19.9409 9.18278C21.353 7.77064 21.353 5.47197 19.9409 4.05892C18.5287 2.64678 16.2292 2.64678 14.817 4.05892L14.1699 4.70694L19.2929 9.8299ZM12.8962 5.97688L5.18469 13.6906L10.3085 18.813L18.0201 11.0992L12.8962 5.97688ZM4.11851 20.9704L8.75906 19.8112L4.18692 15.239L3.02678 19.8796C2.95028 20.1856 3.04028 20.5105 3.26349 20.7337C3.48669 20.9569 3.8116 21.046 4.11851 20.9704Z"] { + d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M12 2C6.485 2 2 6.485 2 12H5.33333C5.33333 8.32333 8.32333 5.33333 12 5.33333C15.6767 5.33333 18.6667 8.32333 18.6667 12C18.6667 15.6767 15.6767 18.6667 12 18.6667C10.2033 18.6667 8.55833 17.9333 7.315 16.6867L10.3333 13.6667H2V22L4.935 19.065C6.79833 20.94 9.30167 22 12 22C17.515 22 22 17.515 22 12C22 6.48667 17.515 2 12 2Z"] { + d: path("M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] { + d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"] ~ path { + display: none; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M14 3H20C21 3 22.0001 4 22.0001 5V19.0003C22.0001 20 21 21 20 21H14C13 21 6 13 6 13H2V11H6C6 11 13 3 14 3Z"] { + d: path("M22,6.98V16c0,1.1-0.9,2-2,2H6l-4,4V4c0-1.1,0.9-2,2-2h10.1C14.04,2.32,14,2.66,14,3s0.04,0.68,0.1,1H4v12h16V7.9 C20.74,7.75,21.42,7.42,22,6.98z M16,3c0,1.66,1.34,3,3,3s3-1.34,3-3s-1.34-3-3-3S16,1.34,16,3z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"] { + d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"] { + d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z") !important; } + .message-2qnXI6 .buttons-cl5qTG .wrapper-2aW0bm .button-1ZiXG9 .icon-3Gkjwa path[d="M5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5ZM8.79741 7.72V16H6.74541V7.72H8.79741ZM13.2097 7.72C16.0897 7.72 17.5897 9.388 17.5897 11.848C17.5897 14.308 16.0537 16 13.2577 16H10.3537V7.72H13.2097ZM13.1497 14.404C14.6137 14.404 15.5257 13.636 15.5257 11.86C15.5257 10.12 14.5537 9.316 13.1497 9.316H12.4057V14.404H13.1497Z"] { + d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z") !important; } +.message-2qnXI6.selected-2P5D_Z .buttons-cl5qTG, .message-2qnXI6:hover .buttons-cl5qTG { + max-width: 380px; + opacity: 1; + pointer-events: all; } + +/* CHAT AREA -> MESSAGES -> ACTIONS -> DELETE MESSAGE */ +.message-2qRu38 { + padding: 0; + background-color: transparent !important; + box-shadow: none !important; } + .message-2qRu38 .wrapper-2a6GCs { + margin: 0 0 0 52px !important; + background-color: var(--message-color-alt) !important; } + .message-2qRu38 .wrapper-2a6GCs .avatar-1BDn8e { + left: -52px !important; } + +.container-2_Tvc_ .control-2BBjec { + position: relative; + top: 5px; } + +/* CHAT AREA -> MESSAGES -> NEW MESSAGES */ +.barBase-1c2Rfb { + left: 0; + right: 0; + background-color: var(--accent-color); + border-radius: 0; + box-shadow: var(--shadow-1dp); } + .barBase-1c2Rfb .barButtonBase-2uLO1z { + color: var(--accent-text-color); } + +.divider-JfaTT5.isUnread-3Ef-o9 { + margin: 0 .875rem 0 80px; + border-color: var(--accent-color); } + .divider-JfaTT5.isUnread-3Ef-o9 .unreadPill-2HyYtt { + height: 28px; + top: -15px; + padding: 0 16px; + background-color: var(--accent-color); + border-radius: 14px; + box-shadow: var(--shadow-3dp); + font-size: 14px; + font-weight: 500; + text-transform: capitalize; + color: var(--accent-text-color); } + .divider-JfaTT5.isUnread-3Ef-o9 .unreadPill-2HyYtt .unreadPillCap-3_K2q2 { + display: none; } + .divider-JfaTT5.isUnread-3Ef-o9.hasContent-1cNJDh .content-1o0f9g { + background-color: var(--accent-color); + color: var(--accent-text-color); } +.divider-JfaTT5.hasContent-1cNJDh { + margin-left: 1rem; } + +/* CHAT AREA -> MESSAGES -> JUMP TO BUTTON */ +.jumpToPresentBar-G1R9s6 { + width: 48px; + height: 48px; + border-radius: 50%; + left: auto; + right: 20px; + bottom: 20px; + padding: 0; + background: var(--accent-color) !important; + box-shadow: var(--shadow-3dp); } + .jumpToPresentBar-G1R9s6:active { + margin: 0 !important; } + .jumpToPresentBar-G1R9s6:after { + content: " "; + position: absolute; + width: 48px; + height: 48px; + bottom: 0; + right: 0; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=); + background-repeat: no-repeat; + background-size: 75%; + background-color: transparent; + background-position: 7px 7px; + border-radius: 50%; } + .jumpToPresentBar-G1R9s6 button { + opacity: 0; + z-index: 2; } + .jumpToPresentBar-G1R9s6 button:first-child { + width: 56px; } + .jumpToPresentBar-G1R9s6 button:last-child { + display: none; } + +.messagesErrorBar-nyJGU7 { + width: auto; + height: 36px; + left: auto; + right: 16px; + bottom: 12px; + padding: 0; + border-radius: 18px; + box-shadow: var(--shadow-2dp); + transition: var(--default-time) var(--default-animation) box-shadow; } + .messagesErrorBar-nyJGU7:hover { + box-shadow: var(--shadow-3dp); } + .messagesErrorBar-nyJGU7 .barButtonMain-3K-jeJ { + min-width: 36px; + padding: 0 18px 0 12px; + flex: 0 1 auto; } + .messagesErrorBar-nyJGU7 .barButtonMain-3K-jeJ:after { + position: absolute; + content: "|"; + width: 4px; + height: 100%; + top: 0; + right: 0; } + +/* CHAT AREA -> MESSAGES -> MARKUP */ +.markup-2BOw-j a { + color: var(--accent-color); } +.markup-2BOw-j .wrapper-3WhCwL { + position: relative; + background-color: rgba(var(--accent-rgb), 0.1); + border-radius: var(--card-radius); + color: var(--accent-color); } + .markup-2BOw-j .wrapper-3WhCwL:hover { + background-color: rgba(var(--accent-rgb), 0.3); } +.markup-2BOw-j pre, .markup-2BOw-j pre *, .markup-2BOw-j pre code, .markup-2BOw-j pre code *, .markup-2BOw-j code.inline, .markup-2BOw-j .codeBlockText-9TnoxQ, .markup-2BOw-j .codeBlockText-9TnoxQ *, .markup-2BOw-j .codeLine-14BKbG, .markup-2BOw-j .codeLine-14BKbG *, .markup-2BOw-j .codeBlockLang-O_f4hr, .markup-2BOw-j .codeBlockLang-O_f4hr *, .markup-2BOw-j .codeBlockSyntax-2i-tMA, .markup-2BOw-j .codeBlockSyntax-2i-tMA *, .markup-2BOw-j .syntaxAfter-hcA4AH, .markup-2BOw-j .syntaxAfter-hcA4AH *, .markup-2BOw-j .syntaxBefore-1YQ9lW, .markup-2BOw-j .syntaxBefore-1YQ9lW { + font-family: Consolas,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Monaco,Courier New,Courier,monospace !important; } +.markup-2BOw-j pre, +.markup-2BOw-j pre code, +.markup-2BOw-j code.inline { + background-color: var(--attachment-color); + border-radius: var(--card-radius); + border: none; } + .markup-2BOw-j pre code, + .markup-2BOw-j pre code code, + .markup-2BOw-j code.inline code { + background-color: transparent; } +.markup-2BOw-j pre, +.markup-2BOw-j code.inline { + margin: 4px 0; } + +/* CHAT AREA -> MESSAGES -> SPOILERS */ +.spoilerText-3p6IlD, .spoilerText-3p6IlD.hidden-HHr2R9 { + background-color: var(--attachment-color) !important; } + +/* CHAT AREA -> MESSAGES -> REACTIONS */ +.reactions-12N0jA { + margin: 8px 0 0 0; } + .reactions-12N0jA .reaction-1hd86g { + background-color: var(--menu-item-hover); + border-radius: 10px; } + .reactions-12N0jA .reaction-1hd86g.reactionMe-wv5HKu { + background-color: rgba(var(--accent-rgb), 0.3); } + .reactions-12N0jA .reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV { + color: var(--accent-text-color); + font-weight: 400; } + +/* CHAT AREA -> MESSAGES -> ATTACHMENTS */ +.attachment-33OFj0 { + background-color: var(--attachment-color); + border-radius: var(--message-radius); + border: none; } + .attachment-33OFj0 .downloadWrapper-vhAtLx { + position: relative; } + .attachment-33OFj0 .downloadWrapper-vhAtLx:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .attachment-33OFj0 .downloadWrapper-vhAtLx:hover:after { + opacity: 1; + transform: scale(1.4); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .attachment-33OFj0 .downloadWrapper-vhAtLx:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .attachment-33OFj0 .downloadButton-23tKQp { + margin-left: 0; } + .attachment-33OFj0 .downloadButton-23tKQp path { + d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z") !important; } + +.progress-3Rbvu0 { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .progress-3Rbvu0 .progressBar-3u8FBM { + background-color: var(--accent-color) !important; } + +.embed-IeVjo6 { + border-radius: var(--message-radius); } + .embed-IeVjo6.embedFull-2tM8-- { + background-color: var(--attachment-color); } + +.wrapper-35wsBm { + background-color: var(--attachment-color); + border-radius: var(--message-radius); } + .wrapper-35wsBm .header-2BTCnc { + font-size: 14px; + text-transform: none; } + .wrapper-35wsBm .guildIcon-lQ0uiM { + border-radius: 50%; } + +/* CHAT AREA -> MESSAGES -> ATTACHMENTS -> AUDIO FILE */ +.wrapperAudio-1jDe0Q { + padding: 0; + background-color: var(--attachment-color) !important; + border-radius: var(--message-radius); + border: none; } + .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv { + padding: 8px; } + .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb { + position: relative; } + .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:hover:after { + opacity: 1; + transform: scale(1.4); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .anchor-3Z-8Bb:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .wrapperAudio-1jDe0Q .audioMetadata-3zOuGv .metadataIcon-2FyCKU path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { + d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); } + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 { + margin-top: 0; + background-color: transparent; + border-radius: 0; + border-top: 1px solid var(--card-border-color); } + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .controlIcon-3cRbti { + padding: 8px; } + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN:before, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarGrabber-1FqnbN:after, + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl, + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl:before, + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .mediaBarProgress-1xaPtl:after { + background-color: var(--accent-color); } + .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .fakeEdges-27pgtp:before, .wrapperAudio-1jDe0Q .audioControls-2HsaU6 .fakeEdges-27pgtp:after { + border-radius: 0; } + +/* CHAT AREA -> MESSAGES -> ATTACHMENTS -> EMOJI SELLUP */ +.popoutContainer-1MXdqN { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .popoutContainer-1MXdqN .emojiSection-3Fb9ix, + .popoutContainer-1MXdqN .guildSection-1EoFKd { + background-color: transparent; } + .popoutContainer-1MXdqN .guildSection-1EoFKd { + border-top: 1px solid var(--card-border-color); } + +.container-JHR0NT { + z-index: 2; } + .container-JHR0NT .stickerResults-3HacYG { + padding: 16px 16px 8px; } + .container-JHR0NT .bottomInformationTextContainer-2lvA_a { + padding: 8px 16px 8px; + border-top: 1px solid var(--card-border-color); } + .container-JHR0NT .bottomInformationTextContainer-2lvA_a .textDivider-3RoZIQ { + display: none; } + .container-JHR0NT .containerBackground-LlUax5 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); + border: none; } + .container-JHR0NT .containerBackground-LlUax5:after { + border-top-color: var(--popout-color); } + +/* CHAT AREA -> MESSAGES -> ATTACHMENTS -> IMAGES */ +.imageWrapper-2p5ogY.embedWrapper-lXpS3L { + border-radius: var(--message-radius); } + +.embedMedia-1guQoW { + border-radius: var(--message-radius); } + +.spoilerContainer-331r0R { + border-radius: var(--message-radius); + box-shadow: none !important; } + +/* CHAT AREA -> MAIN TEXTAREA */ +.form-2fGMdU, +.form-3uUEen { + margin-top: 0; + background-color: var(--chat-color); } + .form-2fGMdU:before, + .form-3uUEen:before { + display: none; } + .form-2fGMdU .channelTextArea-rNsIhG, + .form-2fGMdU .channelTextArea-2ZBawt, + .form-3uUEen .channelTextArea-rNsIhG, + .form-3uUEen .channelTextArea-2ZBawt { + margin: 12px 0; + background-color: transparent; + border-radius: var(--main-textarea-radius); } + .form-2fGMdU .channelTextArea-rNsIhG.channelTextAreaDisabled-8rmlrp, + .form-2fGMdU .channelTextArea-2ZBawt.channelTextAreaDisabled-8rmlrp, + .form-3uUEen .channelTextArea-rNsIhG.channelTextAreaDisabled-8rmlrp, + .form-3uUEen .channelTextArea-2ZBawt.channelTextAreaDisabled-8rmlrp { + opacity: 0.8; } + .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem, + .form-2fGMdU .channelTextArea-2ZBawt .scrollableContainer-2NUZem, + .form-3uUEen .channelTextArea-rNsIhG .scrollableContainer-2NUZem, + .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-2NUZem { + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius); + border: 1px solid var(--main-textarea-border); + opacity: 1; } + .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP, + .form-2fGMdU .channelTextArea-2ZBawt .scrollableContainer-2NUZem.hasReply-16cIUP, + .form-3uUEen .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP, + .form-3uUEen .channelTextArea-2ZBawt .scrollableContainer-2NUZem.hasReply-16cIUP { + border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); } + .form-2fGMdU .channelTextArea-rNsIhG .container-2fRDfG, + .form-2fGMdU .channelTextArea-2ZBawt .container-2fRDfG, + .form-3uUEen .channelTextArea-rNsIhG .container-2fRDfG, + .form-3uUEen .channelTextArea-2ZBawt .container-2fRDfG { + border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; + border: 1px solid var(--main-textarea-border); + border-bottom: none; } + .form-2fGMdU .channelTextArea-rNsIhG .container-2fRDfG .colorBrand-2tjs5J, + .form-2fGMdU .channelTextArea-2ZBawt .container-2fRDfG .colorBrand-2tjs5J, + .form-3uUEen .channelTextArea-rNsIhG .container-2fRDfG .colorBrand-2tjs5J, + .form-3uUEen .channelTextArea-2ZBawt .container-2fRDfG .colorBrand-2tjs5J { + color: var(--accent-color); } + .form-2fGMdU .attachButtonPlus-jWVFah, + .form-3uUEen .attachButtonPlus-jWVFah { + d: path("M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z") !important; } + .form-2fGMdU .typing-2GQL18, + .form-3uUEen .typing-2GQL18 { + position: absolute; + width: 100%; + top: -24px; + left: 0; + background-color: var(--typing-color); + transition: 200ms ease-in-out; } + .form-2fGMdU .button-38aScr.lookBlank-3eh9lL, + .form-3uUEen .button-38aScr.lookBlank-3eh9lL { + background-color: transparent !important; } + +.wrapper-39oAo3 { + height: 44px; + margin: 12px 0; + padding: 0; + background-color: var(--main-textarea-color); + border: 1px solid var(--main-textarea-border); + border-radius: var(--main-textarea-radius); } + +.fakeLink-26oLcc { + color: var(--accent-color); } + +/* + * + * USER STATUS + * + */ +.panels-j1Uci_ { + background-color: transparent; } + .panels-j1Uci_ .container-6sXIoE, + .panels-j1Uci_ .container-3baos1, + .panels-j1Uci_ .panel-24C3ux { + margin-bottom: 0; } + .panels-j1Uci_ .container-6sXIoE, + .panels-j1Uci_ .panel-24C3ux, + .panels-j1Uci_ .container-1giJp5 { + background-color: var(--sidebar-panel-color); } + .panels-j1Uci_ .container-6sXIoE, + .panels-j1Uci_ .container-1giJp5 { + border-bottom: none; } + .panels-j1Uci_ .container-6sXIoE + .wrapper-24pKcD .container-1giJp5, + .panels-j1Uci_ .panel-24C3ux + .container-6sXIoE { + border-top: 1px solid var(--background-modifier-accent); } + .panels-j1Uci_ .container-1giJp5 .button-14-BFJ, + .panels-j1Uci_ .container-6sXIoE .button-14-BFJ { + background-color: transparent !important; + position: relative; } + .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:after, + .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:hover:after, + .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:hover:after { + opacity: 1; + transform: scale(1.1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .panels-j1Uci_ .container-1giJp5 .button-14-BFJ:active:after, + .panels-j1Uci_ .container-6sXIoE .button-14-BFJ:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .panels-j1Uci_ .container-1giJp5 .button-14-BFJ path[d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"] { + d: path("M18.59 10.52c1.05.51 2.04 1.15 2.96 1.91l-1.07 1.07c-.58-.47-1.21-.89-1.88-1.27v-1.71m-13.2 0v1.7c-.65.37-1.28.79-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.38 2.94-1.9M12 7C7.46 7 3.34 8.78.29 11.67c-.18.18-.29.43-.29.71s.11.53.29.7l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.1.7-.28.79-.73 1.68-1.36 2.66-1.85.33-.16.56-.51.56-.9v-3.1C8.85 9.25 10.4 9 12 9s3.15.25 4.59.73v3.1c0 .4.23.74.56.9.98.49 1.88 1.11 2.67 1.85.18.17.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71s-.11-.53-.29-.71C20.66 8.78 16.54 7 12 7z") !important; } + .panels-j1Uci_ .container-3baos1 { + height: 70px; + background-color: var(--status-picker-color); + /* USER STATUS -> ICONS */ } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ { + background-color: transparent !important; + border-radius: 50%; + position: relative; + color: var(--interactive-normal) !important; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ:hover:after { + opacity: 1; + transform: scale(1.1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ:hover { + color: var(--interactive-hover) !important; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path { + /* USER STATUS -> ICONS -> MUTE */ + /* USER STATUS -> ICONS -> UNMUTE */ + /* USER STATUS -> ICONS -> DEAFEN */ + /* USER STATUS -> ICONS -> UNDEAFEN */ + /* USER STATUS -> ICONS -> SETTINGS */ } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] { + d: path("M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z") !important; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z"] ~ path { + display: none; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] { + d: path("M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3 .23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.55-.9l4.2 4.2 1.41-1.41L4.41 2.86") !important; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"] ~ path { + display: none; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z"] { + d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z") !important; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] { + d: path("M4.34 2.93L2.93 4.34 7.29 8.7 7 9H3v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06c1.34-.3 2.57-.92 3.61-1.75l2.05 2.05 1.41-1.41L4.34 2.93zM10 15.17L7.83 13H5v-2h2.83l.88-.88L10 11.41v3.76zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zm-7-8l-1.88 1.88L12 7.76zm4.5 8c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z") !important; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"] ~ path { + display: none; } + .panels-j1Uci_ .container-3baos1 .button-14-BFJ .contents-18-Yxp path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] { + d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; } + +/* USER STATUS -> STATUS PICKER */ +.layer-v9HyYc[style*="left: 80px; bottom: 6"] { + top: initial !important; + left: 72px !important; + bottom: 68px !important; } + +.menu-3sdvDG#status-picker { + width: 240px; + min-height: 68px; + background-color: var(--sidebar-panel-color); + border-radius: 0; + box-shadow: none; + animation: show-status var(--default-time) var(--default-animation); } + .menu-3sdvDG#status-picker .scroller-3BxosC { + padding: 0; } + .menu-3sdvDG#status-picker .scroller-3BxosC::-webkit-scrollbar { + width: 0 !important; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) { + position: relative; + display: inline-block; + width: 60px; + height: 68px; + margin: 0; + border-radius: 0; + font-size: 0; + overflow: hidden; + animation: status 300ms var(--default-animation) backwards; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online { + animation-delay: 100ms; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online .statusItem-33LqPf { + background-color: #43b581; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-online .status-1fhblQ { + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_dark.svg); } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle { + animation-delay: 140ms; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle .statusItem-33LqPf { + background-color: #faa61a; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-idle .status-1fhblQ { + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/alarm_dark.svg); } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd { + animation-delay: 180ms; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd .statusItem-33LqPf { + background-color: #f04747; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-dnd .status-1fhblQ { + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/remove_dark.svg); } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible { + animation-delay: 220ms; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible .statusItem-33LqPf { + background-color: #747f8d; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status)#status-picker-invisible .status-1fhblQ { + background-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/visibility_off_dark.svg); } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf { + position: absolute; + display: block; + width: 40px; + height: 40px; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + padding: 0; + border-radius: 50%; + transition: var(--default-time) var(--default-animation); } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .statusItem-33LqPf .description-2L932D { + display: none; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status):hover .statusItem-33LqPf { + transform: scale(2.25); } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status):hover .status-1fhblQ { + opacity: 0.65; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status).focused-3afm-j { + background-color: transparent; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .icon-1IxfJ2 { + display: none; } + .menu-3sdvDG#status-picker .item-1tOPte:not(#status-picker-custom-status) .status-1fhblQ { + display: block; + position: absolute; + width: 15px; + height: 15px; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + background-size: 100%; + background-position: center; + background-repeat: no-repeat; + opacity: 0; + transition: var(--default-time) var(--default-animation); + font-size: 0; } + .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status { + margin-top: -3px; + margin-bottom: 0; + background-color: var(--menu-item-hover); + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status.focused-3afm-j { + background-color: var(--menu-item-hover); + color: var(--interactive-normal); } + .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status .statusItem-33LqPf { + min-height: 28px; + padding: 4px 12px; + grid-template-rows: 28px 1fr; + grid-temaplte-columns: 28px 1fr; } + .menu-3sdvDG#status-picker .item-1tOPte#status-picker-custom-status .statusItem-33LqPf .customEmoji-2_2FwB { + margin-left: 0; } + .menu-3sdvDG#status-picker .separator-2I32lJ { + display: none; } + .menu-3sdvDG#status-picker .layer-v9HyYc[style*="left: 316px"] { + left: 312px !important; } + .menu-3sdvDG#status-picker .menu-3sdvDG[aria-activedescendant*="status-picker-custom-status"] { + padding: 8px 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--shadow-3dp); } + .menu-3sdvDG#status-picker .menu-3sdvDG[aria-activedescendant*="status-picker-custom-status"] .item-1tOPte { + display: flex !important; + width: 100% !important; + height: 36px !important; + font-size: 14px !important; + animation: none !important; + transition: var(--default-time) var(--default-animation) background-color; } + .menu-3sdvDG#status-picker .menu-3sdvDG[aria-activedescendant*="status-picker-custom-status"] .item-1tOPte.focused-3afm-j { + background-color: var(--menu-item-hover) !important; } + +body:active .menu-3sdvDG#status-picker:not(:active) { + opacity: 0; + transform: translateY(100%); + transition: 200ms var(--default-animation) !important; } + +.emojiButtonContainer-3d6DFV { + margin: 0; + z-index: 2; } + .emojiButtonContainer-3d6DFV + .inputWrapper-31_8H8 .input-cIJ7To { + padding-left: 32px; } + +.menu-3sdvDG#activity-popout { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--shadow-3dp); } + .menu-3sdvDG#activity-popout .scroller-3BxosC { + padding: 8px 0; + padding-right: 0 !important; } + .menu-3sdvDG#activity-popout .scroller-3BxosC::-webkit-scrollbar { + width: 0 !important; } + .menu-3sdvDG#activity-popout .scroller-3BxosC .activityItem-1pRGhE { + margin: 0; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .menu-3sdvDG#activity-popout .scroller-3BxosC .activityItem-1pRGhE:hover { + background-color: var(--menu-item-hover); } + .menu-3sdvDG#activity-popout .scroller-3BxosC .separator-2I32lJ { + margin: 8px 0; + border-bottom-color: var(--separator-color); } + .menu-3sdvDG#activity-popout .betaTag-F_ncuo { + padding: 0 6px; + background-color: var(--accent-color); + color: var(--accent-text-color); + font-size: 13px; + text-transform: none; } + +/* + * + * VOICE CONNECTED + * + */ +.avatarSpeaking-2IGMRN, +.avatarSpeaking-2c8-9i, +.speaking-3dBKhR { + box-shadow: inset 0 0 0 2px var(--accent-color), inset 0 0 0 3px var(--background-secondary); } + +.rtcConnectionStatusConnected-VRZDjy { + background-color: transparent !important; + color: var(--success-color) !important; } + +/* VOICE CONNECTED -> RTC CONNECTION */ +.container-2x5lvQ { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .container-2x5lvQ .header-2C89wJ, + .container-2x5lvQ section { + background-color: transparent !important; } + .container-2x5lvQ .header-2C89wJ { + border-bottom: 1px solid var(--popout-header-border); + text-transform: none; + justify-content: left; } + +/* VOICE CONNECTED -> NOISE SUPPRESSION */ +.noiseCancellationPopout-iRK2A0 { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .noiseCancellationPopout-iRK2A0 .micTestButton-m2rQFo { + width: 64px; } + +/* VOICE CONNECTED -> BUTTONS */ +.actionButtons-14eAc_ .button-38aScr .buttonIcon-Od8mYw path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { + d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); } +.actionButtons-14eAc_ .button-38aScr .buttonIcon-Od8mYw path[d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"] { + d: path("M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.11-.9-2-2-2H4c-1.11 0-2 .89-2 2v10c0 1.1.89 2 2 2H0v2h24v-2h-4zM4 16V6h16v10.01L4 16zm9-6.87c-3.89.54-5.44 3.2-6 5.87 1.39-1.87 3.22-2.72 6-2.72v2.19l4-3.74L13 7v2.13z"); } + +/* + * + * STAGE CHANNEL + * + */ +.content-ZVP-cK { + margin: 16px; } + +.leaveQuietlyButton-1yMc0b:after { + display: none; } + +/* + * + * SCREEN SHARE + * + */ +.modalSize-cqUaws .segmentContainer-3izQ9Z { + border-bottom: 1px solid var(--card-border-color); } + .modalSize-cqUaws .segmentContainer-3izQ9Z .divider-3upnin { + display: none; } + .modalSize-cqUaws .segmentContainer-3izQ9Z .segmentControlOption-1vCKaY.selected-P8xTeN { + border-bottom: none !important; + position: relative; } + .modalSize-cqUaws .segmentContainer-3izQ9Z .segmentControlOption-1vCKaY.selected-P8xTeN:after { + position: absolute; + content: " "; + width: 100%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } +.modalSize-cqUaws .tile-2w4k5N:hover .sourceThumbnail-27dolk { + box-shadow: inset 0 0 0 2px var(--accent-color); } +.modalSize-cqUaws .card-2Mz_4z { + padding: 6px 4px 6px 8px; + background-color: var(--input-color); + border-radius: 22px; + border: none; } + .modalSize-cqUaws .card-2Mz_4z .changeButton-278ZT6, .modalSize-cqUaws .card-2Mz_4z .changeButton-278ZT6:after { + border-radius: 18px !important; } +.modalSize-cqUaws .group-2dAfBy { + border-radius: 16px; + border: 1px solid var(--card-border-color); + overflow: hidden; } + .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed { + border: none !important; + transition: var(--default-time) var(--default-animation) background-color; } + .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed:hover { + background-color: var(--menu-item-hover); } + .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed.selectorButtonSelected-t5V9On { + background-color: var(--menu-item-select); } + .modalSize-cqUaws .group-2dAfBy .selectorButton-EEUWed .selectorText-2I7fQU { + color: var(--menu-item-text-color); } + +/* + * + * PICTURE IN PICTURE + * + */ +.elevationHigh-3A9Xbf, +.pictureInPictureWindow-1B5qSe { + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp) !important; } + +.pictureInPictureVideo-2iKsGg { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); + /* PiP -> CONTROLS */ } + .pictureInPictureVideo-2iKsGg .videoControls-38i4kP { + /* PiP -> CONTROLS -> VIEWERS */ } + .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path { + /* PiP -> CONTROLS -> TURN ON CAMERA */ + /* PiP -> CONTROLS -> SETTINGS */ + /* PiP -> CONTROLS -> STOP SCREEN SHARE */ } + .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M21.526 8.149C21.231 7.966 20.862 7.951 20.553 8.105L18 9.382V7C18 5.897 17.103 5 16 5H4C2.897 5 2 5.897 2 7V17C2 18.104 2.897 19 4 19H16C17.103 19 18 18.104 18 17V14.618L20.553 15.894C20.694 15.965 20.847 16 21 16C21.183 16 21.365 15.949 21.526 15.851C21.82 15.668 22 15.347 22 15V9C22 8.653 21.82 8.332 21.526 8.149Z"] { + d: path("M15 8v8H5V8h10m1-2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4V7c0-.55-.45-1-1-1z"); } + .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"] { + d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"); } + .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .controlIcon-35oS15 path[d="M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM14.5483 6L16 7.45174L13.4466 9.99485L16 12.5483L14.5483 14L12.0051 11.4466L9.45174 14L8 12.5483L10.5534 9.99485L8 7.45174L9.45174 6L12.0051 8.55341L14.5483 6Z"] { + d: path("M21.79 18l2 2H24v-2h-2.21zM1.11 2.98l1.55 1.56c-.41.37-.66.89-.66 1.48V16c0 1.1.9 2 2.01 2H0v2h18.13l2.71 2.71 1.41-1.41L2.52 1.57 1.11 2.98zM4 6.02h.13l4.95 4.93C7.94 12.07 7.31 13.52 7 15c.96-1.29 2.13-2.08 3.67-2.46l3.46 3.48H4v-10zm16 0v10.19l1.3 1.3c.42-.37.7-.89.7-1.49v-10c0-1.11-.9-2-2-2H7.8l2 2H20zm-7.07 3.13l2.79 2.78 1.28-1.2L13 7v2.13l-.07.02z"); } + .pictureInPictureVideo-2iKsGg .videoControls-38i4kP .viewersIcon-F76mss path { + d: path("M12 6.5c3.79 0 7.17 2.13 8.82 5.5-1.65 3.37-5.02 5.5-8.82 5.5S4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5m0-2C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5-2.5-1.12-2.5-2.5 1.12-2.5 2.5-2.5m0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z"); } + +/* + * + * USER SETTINGS + * + */ +.layer-3QrUeG, +.standardSidebarView-3F1I7i { + background-color: transparent; } + +.sidebarRegionScroller-3MXcoP { + background-color: var(--main-alt); } + +.contentRegion-3nDuYy { + background-color: var(--main-color); } + .contentRegion-3nDuYy .contentRegionScroller-26nc1e { + background-color: transparent; } + +.h2-2gWE-o { + text-transform: none; + font-weight: 500; } + +.divider-3573oO { + border-top-color: var(--card-border-color); } + +.layer-3QrUeG.animating { + pointer-events: initial !important; + will-change: transform, opacity; } + +[class*="theme-"] .standardSidebarView-3F1I7i { + backface-visibility: hidden; } + +.layer-3QrUeG { + transform: none !important; + transition: 300ms var(--default-animation) all; + backface-visibility: hidden; } + +.layer-3QrUeG.animating-rRxada { + transform: none !important; } + +.layer-3QrUeG.stop-animations:first-of-type { + transform: scale(0.95) !important; + opacity: 0 !important; } + +.layer-3QrUeG + .layer-3QrUeG { + transform: scale(1.1) !important; + opacity: 0 !important; + pointer-events: none !important; + transition: 300ms var(--default-animation) all, 150ms ease opacity; } + +.layer-3QrUeG.stop-animations ~ .layer-3QrUeG { + pointer-events: initial !important; + transform: none !important; + opacity: 1 !important; + animation: opensettings 300ms var(--default-animation); } + +@keyframes opensettings { + 0% { + transform: scale(1.1); + opacity: 0; } } +.closeButton-1tv5uR { + position: relative; + border: none; } + .closeButton-1tv5uR:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .closeButton-1tv5uR:hover:after { + opacity: 1; + transform: scale(1.2); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .closeButton-1tv5uR:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .closeButton-1tv5uR:hover { + background-color: transparent !important; } + .closeButton-1tv5uR:active { + transform: translateX(0px); } + +.keybind-KpFkfr { + color: var(--text-muted) !important; } + +/* USER SETTINGS -> MY ACCOUNT */ +.contentColumnDefault-1VQkGM > div:not([class]):first-child > div:not([class]):first-child + .divider-3573oO { + display: none; } + +.background-1QDuV2 { + padding: 0; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .background-1QDuV2 .profile-1eT9hT { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"] { + height: 24px; + transform: rotate(90deg); + position: relative; } + .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:hover:after { + opacity: 1; + transform: scale(1.6); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .background-1QDuV2 .profile-1eT9hT .menu-319q29 div[role="button"]:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .background-1QDuV2 .fieldList-21DyL8 { + margin-top: 0; + padding: 16px; } + .background-1QDuV2 .fieldList-21DyL8 .constrainedRow-2GB6Ki .button-38aScr { + margin-left: 8px; } + +.fieldList-21DyL8 { + padding: 0; + background-color: transparent; + border-radius: 0; } + +/* USER SETTINGS -> AUTHORIZED APPS */ +.formNotice-2_hHWR { + padding: 0; } + .formNotice-2_hHWR .formNoticeTitle-2KGjDe { + margin: 0; + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + text-transform: none; } + .formNotice-2_hHWR .formNoticeBody-M4JFHP { + padding: 16px; } + +.authedApp-mj2Hmd { + padding: 0; + margin-bottom: 16px; } + .authedApp-mj2Hmd .marginBottom20-32qID7 { + margin: 0; + padding: 16px; + border-bottom: 1px solid var(--card-border-color); } + .authedApp-mj2Hmd div:not([class]) { + padding: 16px 16px 0; } + .authedApp-mj2Hmd .marginTop20-3TxNs6 { + margin: 0; + padding: 16px; } + +.permission-1gtoyP .permissionCheckmark-1SeKr2 { + background-image: none; + background-color: var(--success-color); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_box.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/check_box.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + +/* USER SETTINGS -> CONNECTIONS */ +.accountList-33MS45 { + padding: 0; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .accountList-33MS45 .title-3sZWYQ { + margin-bottom: 0; + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + opacity: 1; } + .accountList-33MS45 .modeDefault-3a2Ph1 { + padding: 8px 16px 0; } + .accountList-33MS45 .connectedAccounts-2-XP1G { + padding: 0 16px 16px 16px; } + .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 { + margin-bottom: 0; } + .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 .accountBtnInner-sj5jLs { + background-color: var(--menu-item-hover); + border-radius: 50%; + transition: var(--default-time) var(--default-animation) background-color; } + .accountList-33MS45 .connectedAccounts-2-XP1G .accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover { + background-color: var(--menu-item-select); } + +.connectionList-3pzR-1 { + grid-gap: 16px; } + .connectionList-3pzR-1 .connection-1fbD7X { + margin-bottom: 0; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu .connectionAccountValue-3VdBGs, + .connectionList-3pzR-1 .connection-1fbD7X .connectionHeader-2MDqhu .connectionAccountLabel-1DiK0A { + font-weight: 500; } + .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z { + padding: 16px; } + .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E { + padding-left: 0; + padding-right: 0; } + .connectionList-3pzR-1 .connection-1fbD7X .connectionOptionsWrapper-3KIj1Z .connectionOptionSwitch-3KNn-E.marginBottom20-32qID7:last-child { + margin-bottom: 0; } + .connectionList-3pzR-1 .connection-1fbD7X .connectedAccountSeparator-2EgLhW { + margin-left: 0; + margin-right: 0; } + +.integrationsWrapper-VkM_zO { + padding: 0; } + .integrationsWrapper-VkM_zO .h5-18_1nd { + margin: 0; + padding: 16px 16px 8px; } + .integrationsWrapper-VkM_zO .integration-3kMeY4 { + position: relative; + margin-top: 0; + padding: 16px; + background-color: transparent; + border-radius: 0; } + .integrationsWrapper-VkM_zO .integration-3kMeY4:after { + position: absolute; + content: " "; + width: calc(100% - 56px); + height: 1px; + bottom: 0; + right: 0; + background-color: var(--card-border-color); } + .integrationsWrapper-VkM_zO .integration-3kMeY4:last-child:after, .integrationsWrapper-VkM_zO .integration-3kMeY4:only-child:after { + display: none; } + .integrationsWrapper-VkM_zO .integration-3kMeY4 .button-38aScr { + background-color: rgba(var(--accent-rgb), 0.1); + color: var(--accent-color); } + +/* USER SETTINGS -> SERVER BOOST */ +.guild-Hq0WWA { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .guild-Hq0WWA .guildHeader-3nh5RK { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .guild-Hq0WWA .guildHeader-3nh5RK .guildIcon-c10VUR { + top: 0; + bottom: 0; + margin: auto 0; } + .guild-Hq0WWA .guildHeader-3nh5RK .guildHeaderContent-1vpxhX { + padding: 0 16px; } + .guild-Hq0WWA .guildHeader-3nh5RK .guildGemIndicatorContainer-3Ie0ga { + margin: 0; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN { + padding: 0; + background-color: transparent; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI { + padding: 16px; + border-bottom: none; + position: relative; + border-bottom: none; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:after { + position: absolute; + content: " "; + width: calc(100% - 42px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI:last-of-type:after { + display: none; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL { + position: relative; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:hover:after { + opacity: 1; + transform: scale(1.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .guild-Hq0WWA .guildSubscriptionSlots-JPXXvN .guildSubscriptionSlot-1XGRPI .guildSubscriptionSlotMenuIcon-uzNhjL:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + +.cardWrapper-2Min21 { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + transition: var(--default-time) var(--default-animation) background-color; } + .cardWrapper-2Min21:hover { + background-color: transparent; } + +.menu-3sdvDG#subscription-context { + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--shadow-3dp); } + .menu-3sdvDG#subscription-context .scroller-3BxosC { + padding: 8px 0; } + .menu-3sdvDG#subscription-context .scroller-3BxosC::-webkit-scrollbar { + width: 0px !important; } + .menu-3sdvDG#subscription-context .item-1tOPte { + margin: 0; + padding: 9px 12px; + border-radius: 0; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color; } + .menu-3sdvDG#subscription-context .item-1tOPte.focused-3afm-j { + background-color: var(--menu-item-hover); + color: var(--menu-item-text-color); } + +/* USER SETTINGS -> BILLING */ +.card-VoqMMK { + padding: 0; } + .card-VoqMMK form > div:not([class]):first-child { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .card-VoqMMK form > div:not([class]):first-child .subText-1Lf-cY { + margin-top: 16px; } + .card-VoqMMK form .addressSection-3LwW_f { + margin-top: 0; + padding: 16px; } + .card-VoqMMK form .addressSection-3LwW_f + .defaultSection-2hDX5u { + margin: 0; + padding: 8px 16px 16px; } + .card-VoqMMK form .formActions-34l65m { + margin-top: 0; + padding: 8px; } + .card-VoqMMK form .formActions-34l65m .lookLink-9FtZy-.colorPrimary-3b3xI6 { + margin-right: 8px; } + +.codeRedemptionRedirect-1wVR4b { + padding: 16px; + background-color: transparent !important; + border-color: var(--card-border-color) !important; } + +/* USER SETTINGS -> VOICE & VIDEO */ +.userSettingsVoice-iwdUCU .media-engine-video { + border-radius: var(--card-radius-big); } +.userSettingsVoice-iwdUCU .previewOverlay-2O7_KC { + background-color: var(--main-color) !important; + border-radius: var(--card-radius-big); + border-color: var(--card-border-color) !important; } + +.formNotice-2_hHWR .icon-4lJsMQ { + margin-left: 16px !important; } + +.micTestButton-2Vwk4_ { + width: auto; } + +/* USER SETTINGS -> KEYBINDS */ +.warning-3C2pOH { + background-color: transparent; + border-color: var(--alert-color); } + .warning-3C2pOH .icon-1jlFSw { + color: var(--alert-color); } + +.container-jSV3OF { + border-radius: var(--card-radius-big); } + +.children-rWhLdy .marginBottom20-32qID7 + .divider-3573oO { + display: none; } + +.row-2okwlC { + padding: 16px; + border: 1px solid var(--card-border-color); + border-bottom: none; + box-shadow: none !important; } + .row-2okwlC:first-child { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } + .row-2okwlC:last-child { + margin-bottom: 40px; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-bottom: 1px solid var(--card-border-color); } + .row-2okwlC:only-child { + border-radius: var(--card-radius-big); } + .row-2okwlC .keybindGroup-JQs9x_ { + margin: 0; + padding: 0; } + .row-2okwlC .keybindGroup-JQs9x_:before { + display: none; } + .row-2okwlC .removeKeybind-39dSFj { + right: -12px; } + +.container-CpszHS:before, .container-CpszHS:after { + display: none; } +.container-CpszHS.recording-1H2dS7 { + border-radius: var(--card-radius) !important; } +.container-CpszHS .button-3tQuzi { + margin: 2px; } + +.defaultKeybindGroup-X6nhBr { + margin: 32px 0 0 0; + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .defaultKeybindGroup-X6nhBr .defaultKeybindGroupHeader-3fMhcS { + margin-bottom: 0; + padding: 16px; + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + text-transform: capitalize; } + .defaultKeybindGroup-X6nhBr .defaultKeybindGroupHeader-3fMhcS.defaultKeybindGroupWithDescription-3YceEh { + margin-bottom: 6px; + padding: 16px 16px 0; } + .defaultKeybindGroup-X6nhBr .defaultKeybindGroupDescription-1bMdWe { + margin-bottom: 0; + padding: 0 16px 16px; } + .defaultKeybindGroup-X6nhBr .defaultKeybindGroupDescription-1bMdWe + .divider-3573oO { + display: none; } + .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W { + padding: 16px; + border-top: 1px solid var(--card-border-color); + font-weight: 400; } + .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W:nth-child(3) { + border-top: none; } + .defaultKeybindGroup-X6nhBr .defaultKeybind-2coG8W + .divider-3573oO { + display: none; } + +/* USER SETTINGS -> GAME ACTIVITY */ +.activeGame-14JI7o { + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .activeGame-14JI7o.notDetected-33MY4s, .activeGame-14JI7o.nowPlaying-284llR { + background-color: transparent !important; } + .activeGame-14JI7o .gameName-1RiWHm, + .activeGame-14JI7o .lastPlayed-3bQ7Bo { + color: var(--text-normal) !important; } + +.nowPlayingAdd-1Kdmh_ { + color: var(--text-normal) !important; } + .nowPlayingAdd-1Kdmh_ .button-38aScr { + margin-left: 8px; } + +.addGamePopout-2RY8Ju { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .addGamePopout-2RY8Ju .lookLink-9FtZy-.colorGrey-2DXtkV { + margin-right: 8px; } + +/* USER SETTINGS -> GAME ACTIVITY -> GAME LIST */ +.nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ { + margin-bottom: 0; } + .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ + .marginTop40-i-78cZ { + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .nowPlayingAdd-1Kdmh_ + .container-2_Tvc_ + .marginTop40-i-78cZ .h5-18_1nd { + margin-bottom: 0; + padding: 16px; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + +.game-1ipmAa { + padding: 16px; + border-bottom: 1px solid var(--card-border-color); + box-shadow: none !important; } + .game-1ipmAa:before { + display: none; } + .game-1ipmAa:last-child { + border-bottom: none; } + .game-1ipmAa .gameNameInput-385LoS { + height: 24px; + border-radius: 12px; + border: none; } + .game-1ipmAa .gameNameInput-385LoS:focus { + background-color: var(--input-color); } + .game-1ipmAa .lastPlayed-3bQ7Bo { + margin-top: 4px; } + .game-1ipmAa .overlayStatusText-L2IACa { + color: var(--text-muted); + transition: var(--default-time) var(--default-animation) opacity; } + .game-1ipmAa .overlayToggleIcon-2liB3r { + width: 24px; + height: 24px; + position: relative; } + .game-1ipmAa .overlayToggleIcon-2liB3r:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .game-1ipmAa .overlayToggleIcon-2liB3r:hover:after { + opacity: 1; + transform: scale(1.6); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .game-1ipmAa .overlayToggleIcon-2liB3r:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .game-1ipmAa .overlayToggleIconOn-3UNmty .fill-1ugeBG { + fill: var(--text-muted); } + .game-1ipmAa .overlayToggleIconOn-3UNmty path { + d: path("M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"); } + .game-1ipmAa .overlayToggleIconOff-1kT42w path { + d: path("M1.41 1.69L0 3.1l1 .99V16c0 1.1.89 2 1.99 2H10v2H8v2h8v-2h-2v-2h.9l6 6 1.41-1.41-20.9-20.9zM2.99 16V6.09L12.9 16H2.99zM4.55 2l2 2H21v12h-2.45l2 2h.44c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4.55z"); } + .game-1ipmAa .overlayToggleIconOff-1kT42w path ~ rect { + display: none; } + .game-1ipmAa .removeGame-2JFGPn { + top: -12; + right: -12px; } + +/* USER SETTINGS -> OVERLAY */ +.container-CpszHS .base-96ewKC { + padding: 10px 0; } + +.wrapper-3jrx9n { + border-radius: var(--card-radius-big); + border-color: var(--accent-color); } + .wrapper-3jrx9n .option-n0icdO { + border-radius: var(--card-radius-big); } + .wrapper-3jrx9n .option-n0icdO:hover { + background-color: var(--accent-color); + opacity: 0.6; } + .wrapper-3jrx9n .option-n0icdO.selected-mKYnfr { + background-color: var(--accent-color); + border-color: var(--accent-color); + box-shadow: var(--shadow-1dp); } + +/* USER SETTINGS -> BETTERDISCORD */ +#bd-settings-sidebar .ui-tab-bar-separator { + background-color: transparent !important; } + +.bd-search-wrapper { + height: 32px; + padding: 0; + line-height: 32px; + background-color: var(--input-color); + border-radius: 16px; } + .bd-search-wrapper .bd-search { + height: 100%; + padding: 0 4px 0 12px; + font-size: 14px; } + .bd-search-wrapper > svg { + margin-right: 12px; } + +.bd-addon-list { + margin-top: 24px !important; } + .bd-addon-list a { + color: var(--accent-color); } + .bd-addon-list .bd-addon-card { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .bd-addon-list .bd-addon-header { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .bd-addon-list .bd-addon-header .gifFavoriteButton-3Zycl7 { + color: var(--text-muted); } + .bd-addon-list .bd-addon-header .gifFavoriteButton-3Zycl7.selected-1mBDsA { + color: #faa61a; } + .bd-addon-list .bd-controls { + border-radius: 14px; + border: 1px solid var(--card-border-color); + overflow: hidden; } + .bd-addon-list .bd-controls .bd-button { + padding: 3px 8px; + background-color: transparent; } + .bd-addon-list .bd-controls .bd-button:hover { + background-color: var(--menu-item-hover); } + .bd-addon-list .bd-controls .bd-button svg { + fill: var(--menu-item-text-color); } + +.repoHeader-2KfNvH > * { + min-width: 350px; + max-width: 1200px; } +.repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ { + border: none; } + .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ.selected-3s45Ha { + position: relative; } + .repoHeader-2KfNvH .top-28JiJ- .item-PXvHYJ.selected-3s45Ha:after { + position: absolute; + content: " "; + width: 90%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } +.repoHeader-2KfNvH .tabBarContainer-1s1u-z.bottom-b8sdfs { + border-bottom-color: var(--card-border-color); } + +.bd-button { + background-color: var(--accent-color); + border-radius: var(--card-radius); + color: var(--accent-text-color); } + +.bd-addon-views .bd-view-button.selected { + background-color: var(--accent-color); + color: var(--accent-text-color); } + +.bd-select .bd-select-options { + padding: 8px 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--shadow-3dp); + border: none; } + .bd-select .bd-select-options .bd-select-option { + padding: 8px 12px; + font-weight: 500; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color; } + .bd-select .bd-select-options .bd-select-option:hover { + background-color: var(--menu-item-hover); } + .bd-select .bd-select-options .bd-select-option.selected { + background-color: var(--menu-item-select); } + +.monaco-editor *, +.ace_editor *, +.line-numbers * { + font-family: Consolas, monospace !important; } + +/* USER SETTINGS -> SIDEBAR */ +.sidebarRegion-VFTUkN { + flex: 0; } + +.sidebar-CFHs9e { + width: 240px; + margin: 0 6px 0 0; + padding: 60px 6px 40px 0; } + +.side-8zPYf6 .header-2RyJ0Y, +.side-8zPYf6 .ui-tab-bar-header, +#bd-settings-sidebar .header-2RyJ0Y, +#bd-settings-sidebar .ui-tab-bar-header { + margin-top: 4px; + margin-bottom: 8px; + padding: 0 12px 0 26px; + font-size: 0.8em; + font-weight: 700; + text-transform: none; + color: var(--channels-default) !important; } +.side-8zPYf6 .separator-gCa7yv, +.side-8zPYf6 .ui-tab-bar-separator, +#bd-settings-sidebar .separator-gCa7yv, +#bd-settings-sidebar .ui-tab-bar-separator { + position: relative; + height: 1px; + margin: 8px 0; + background: transparent; } + .side-8zPYf6 .separator-gCa7yv:before, + .side-8zPYf6 .ui-tab-bar-separator:before, + #bd-settings-sidebar .separator-gCa7yv:before, + #bd-settings-sidebar .ui-tab-bar-separator:before { + position: absolute; + content: " "; + width: calc(100% + 12px); + height: 1px; + background: rgba(114, 118, 125, 0.3); } + +.contentColumnDefault-1VQkGM, +.contentColumnMinimal-2iX-kP, +.customColumn-Rb6toI, +.customScroller-26gWhv > div { + flex: 1 1 auto; + min-width: 350px; + max-width: 1200px; + left: 0; + right: 0; + margin: 0 auto; } + +.contentColumnDefault-1VQkGM { + padding: 60px; } + +.customColumn-Rb6toI { + position: relative; + width: 100%; + max-width: 100%; + margin: 0; + padding: 0; } + +.customContainer-1RHXqt { + width: auto; } + .customContainer-1RHXqt .auto-Ge5KZx { + background-color: var(--main-color) !important; } + .customContainer-1RHXqt .customScroller-26gWhv { + /*min-width: 350px; + max-width: 1200px; + margin: 0 auto; + padding: 60px 97px 60px 40px !important;*/ + padding-right: 0 !important; } + .customContainer-1RHXqt .customScroller-26gWhv .content-3YMskv div:not([class])[style="height: 60px;"] { + height: 0 !important; } + .customContainer-1RHXqt .customScroller-26gWhv > div { + position: relative; + min-width: 350px; + max-width: 1200px; + /*max-width: calc(1200px - 80px);*/ + margin: 0 auto; + padding: 60px 97px 60px 40px !important; } + .customContainer-1RHXqt .customScroller-26gWhv > .customHeader-PhBRGa { + padding: 0; } + +.card-FDVird:before { + margin: 0 60px; } + +.customColumn-Rb6toI + .toolsContainer-1edPuj { + position: absolute; + width: 60px; + height: 60px; + right: 0; } + +.customColumn-Rb6toI + .toolsContainer-1edPuj .tools-3-3s-N { + position: absolute; + width: 36px; + right: -8px; } + +.contentColumnMinimal-2iX-kP { + padding: 60px 80px 80px; } + +.sidebarScrollable-1qPI87 .flexChild-faoVW3[style*='padding: 60px 15px 80px 20px;'] { + padding: 60px 8px 40px 0 !important; } + +.sidebarScrollable-1qPI87 + .content-1rPSz4[style*='padding: 60px 0px 80px 20px;'] { + padding: 0 0 0 20px !important; } + +.sidebarScrollable-1qPI87 + .content-1rPSz4 { + position: relative; + width: calc(100% - 232px); + left: 232px; + right: 0; + margin-left: 0; + padding: 0 !important; } + +.sidebarScrollable-1qPI87 .side-8zPYf6 .header-2RyJ0Y:first-child { + margin: 0 0 8px 0; + padding: 0 0 0 10px !important; } + +.socialLinks-3jqNFy, +.info-1VyQPT { + padding: 8px 12px 8px 26px; } + +/* USER SETTINGS -> SIDEBAR -> ICONS */ +.side-8zPYf6 .item-PXvHYJ, +#bd-settings-sidebar .ui-tab-bar-item { + width: 240px; + height: 32px; + margin: 0; + padding: 0 12px 0 54px; + line-height: 32px; + border-radius: 0 16px 16px 0; + transition: var(--default-time) ease background-color; } + .side-8zPYf6 .item-PXvHYJ:before, + #bd-settings-sidebar .ui-tab-bar-item:before { + position: absolute; + content: " "; + width: 20px; + height: 20px; + top: 0; + left: 26px; + bottom: 0; + margin: auto 0; + background-repeat: no-repeat; + background-position: center; + opacity: 0.8; } + .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha, .side-8zPYf6 .item-PXvHYJ.selected, + #bd-settings-sidebar .ui-tab-bar-item.selected-3s45Ha, + #bd-settings-sidebar .ui-tab-bar-item.selected { + background-color: var(--background-modifier-selected) !important; } + .side-8zPYf6 .item-PXvHYJ.selected-3s45Ha:before, .side-8zPYf6 .item-PXvHYJ.selected:before, + #bd-settings-sidebar .ui-tab-bar-item.selected-3s45Ha:before, + #bd-settings-sidebar .ui-tab-bar-item.selected:before { + opacity: 1; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="My Account-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="My Account-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Privacy & Safety-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Privacy & Safety-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Authorized Apps-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Authorized Apps-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/apps.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Connections-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Connections-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/link.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Discord Nitro-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Discord Nitro-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/nitro.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Nitro Server Boost-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Nitro Server Boost-tab"]:before { + left: 27px; + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Library Inventory-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Library Inventory-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gift.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Billing-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Billing-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/payment.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Appearance-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Appearance-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/chat.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Accessibility-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Accessibility-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/accessibility.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Voice & Video-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Voice & Video-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/mic.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Text & Images-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Text & Images-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/keyboard.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Notifications-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Notifications-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/notifications.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Keybinds-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Keybinds-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/space_bar.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Language-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Language-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/translate.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Windows-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Windows-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/windows.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Linux-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Linux-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/linux.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Streamer Mode-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Streamer Mode-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/live_tv.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Advanced-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Advanced-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Game Activity-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Game Activity-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/gamepad.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Overlay-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Overlay-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/picture_in_picture.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ.bd-settings-tab:before, + #bd-settings-sidebar .ui-tab-bar-item.bd-settings-tab:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ.bd-emotes-tab:before, + #bd-settings-sidebar .ui-tab-bar-item.bd-emotes-tab:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ.bd-customcss-tab:before, + #bd-settings-sidebar .ui-tab-bar-item.bd-customcss-tab:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ.bd-plugins-tab:before, .side-8zPYf6 .item-PXvHYJ[aria-controls="pluginrepo-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item.bd-plugins-tab:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="pluginrepo-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ.bd-themes-tab:before, .side-8zPYf6 .item-PXvHYJ[aria-controls="themerepo-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item.bd-themes-tab:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="themerepo-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="changelog-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="changelog-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/list.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Hypesquad Online-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Hypesquad Online-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hypesquad.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Experiments-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Experiments-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="Developer Options-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="Developer Options-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + .side-8zPYf6 .item-PXvHYJ[aria-controls="logout-tab"]:before, + #bd-settings-sidebar .ui-tab-bar-item[aria-controls="logout-tab"]:before { + background-color: var(--alert-color); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/exit_to_app.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/exit_to_app.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + +#bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(3):before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/settings.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +#bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(4):before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +#bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(5):before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/plugins.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +#bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(6):before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/themes.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +#bd-settings-sidebar div:not([class]) .ui-tab-bar-item:nth-child(7):before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/code.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + +/* + * + * SERVER SETTINGS + * + */ +.container-1s4HBn { + background-color: transparent !important; + border-radius: 0; + border: none; + border-bottom: 1px solid var(--input-border-color) !important; } + .container-1s4HBn .input-1dRteR { + padding: 0; } + .container-1s4HBn .button-3tQuzi { + margin: 4px 0; } + +.regionSelectModal-12e-57 { + padding: 0; } + .regionSelectModal-12e-57 .regionSelectModalHeader-21khC1 { + margin-bottom: 0; + padding: 16px; + border-bottom: 1px solid var(--popout-header-border); + font-size: 16px; + text-transform: none; + font-weight: 600; + color: var(--card-header-text-color); + text-align: left; } + .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB { + padding: 16px; + overflow-y: auto; } + .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3 { + background-color: var(--card-color-alt); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + transition: var(--default-time) var(--default-animation) box-shadow, var(--default-time) var(--default-animation) transform; } + .regionSelectModal-12e-57 .regionSelectModalOptions-2TWQOB .regionSelectModalOption-2DSIZ3:hover { + transform: translateY(-2px); + box-shadow: var(--shadow-3dp); } + .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA { + margin-top: 0; + padding: 16px; + border-top: 1px solid var(--popout-header-border); + text-align: left; } + +.noticeRegion-1YviSH { + left: 0; + right: 0; + margin: 0 auto; + padding: 0 16px 16px; } + +.elevationHigh-1PneE4 { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + +.title-2BxgL2, +.text-GwUZgS { + color: var(--text-normal) !important; } + +/* SERVER SETTINGS -> ROLES */ +.sidebarScrollable-1qPI87 .side-8zPYf6 .item-PXvHYJ { + width: auto; + border-radius: 16px; } + +.colorPickerSwatch-5GX3Ve { + border-radius: 10px; } + .colorPickerSwatch-5GX3Ve.custom-2SJn4n, .colorPickerSwatch-5GX3Ve.default-cS_caM { + width: 50px; + border-radius: 50%; + overflow: visible !important; } + +.container-VSDcQc { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .container-VSDcQc .autocompleteShadow-iiGWFU { + display: none; } + .container-VSDcQc .autocompleteArrow-Zxoy9H { + background-color: var(--popout-color) !important; } + .container-VSDcQc .header-2bNvm4 { + padding: 0 16px; + background-color: transparent !important; + border-bottom: 1px solid var(--popout-header-border); } + .container-VSDcQc .header-2bNvm4 .input-1ppKdn { + width: calc(100% - 32px); } + .container-VSDcQc .sectionTag-pXyto9 { + background-color: transparent !important; } + .container-VSDcQc .section-sfKw6q { + padding: 0 16px; + text-transform: none; + font-size: 14px; } + .container-VSDcQc .row-rrHHJU { + padding: 0; } + .container-VSDcQc .row-rrHHJU .rowInner-1vvRiF { + padding: 12px 16px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .container-VSDcQc .row-rrHHJU.selected-1pIgLL .rowInner-1vvRiF { + background-color: var(--menu-item-hover); + color: var(--menu-item-text-color); } + +/* SERVER SETTINGS -> ROLES -> NEW */ +.container-_phMUq { + padding: 16px; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +.searchContainer-383_ld .container-cMG81i { + height: 36px; + border-radius: 18px; } + .searchContainer-383_ld .container-cMG81i .inner-2P4tQO .input-3Xdcic { + height: 36px; } + .searchContainer-383_ld .container-cMG81i .inner-2P4tQO .iconLayout-3OgqU3 { + width: 36px; + height: 36px; } + +/* SERVER SETTINGS -> ROLES -> NEW -> ROLES LIST */ +.rolesTable-3622Dd { + padding: 16px; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border: 1px solid var(--card-border-color); } + .rolesTable-3622Dd .tableHeader-3x_1oD { + margin-left: 0; + margin-bottom: 0; } + .rolesTable-3622Dd .tableHeader-3x_1oD .dragSpacing-3xep_M { + display: none; } + .rolesTable-3622Dd .tableTitle-36-jum { + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + text-transform: none; } + .rolesTable-3622Dd .tableTitle-36-jum.memberSpacing-1zJbKJ { + margin-left: 64px; } + +.roleRow-30TwGe { + margin-left: 0; + margin-right: 0; + padding-right: 16px; + position: relative; + border-bottom: none; + border-radius: 0; + border-left: 1px solid var(--card-border-color); + border-right: 1px solid var(--card-border-color); + transition: var(--default-time) var(--default-animation); } + .roleRow-30TwGe:after { + position: absolute; + content: " "; + width: calc(100% - 62px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .roleRow-30TwGe:last-of-type:after { + display: none; } + .roleRow-30TwGe:hover { + background-color: var(--card-color-hover); } + .roleRow-30TwGe:hover:after { + background-color: var(--card-border-color); } + .roleRow-30TwGe:before { + display: none; } + .roleRow-30TwGe:last-of-type { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-bottom: 1px solid var(--card-border-color); } + .roleRow-30TwGe .secondary-dIudih { + background-color: transparent !important; + position: relative; } + .roleRow-30TwGe .secondary-dIudih:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .roleRow-30TwGe .secondary-dIudih:hover:after { + opacity: 1; + transform: scale(1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .roleRow-30TwGe .secondary-dIudih:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .roleRow-30TwGe .dragIcon-I74byJ, + .roleRow-30TwGe .editButton-1V012_ { + opacity: 0; + transition: var(--default-time) var(--default-animation); } + .roleRow-30TwGe:hover .dragIcon-I74byJ, + .roleRow-30TwGe:hover .editButton-1V012_ { + opacity: 1; } + +/* SERVER SETTINGS -> ROLES -> NEW -> EDIT ROLE */ +.page-3njELR { + width: 100%; + min-width: 100%; } + .page-3njELR .sidebar-dLM-kh, + .page-3njELR .contentContainer-14yMzC { + position: relative; } + .page-3njELR .sidebar-dLM-kh { + margin-left: 40px; + border-right-color: var(--card-border-color); } + .page-3njELR .sidebar-dLM-kh .list-I3aHXn { + padding: 0 16px 96px 16px; + background-color: transparent; + border: none; } + .page-3njELR .sidebar-dLM-kh .titleContainer-2CXtJo { + margin-left: 0; + margin-right: 0; + background-color: var(--main-color); } + .page-3njELR .sidebar-dLM-kh .titleContainer-2CXtJo .titleText-1lbERP { + font-size: 16px; + text-transform: none; } + .page-3njELR .sidebar-dLM-kh .item-PXvHYJ { + width: auto; + padding: 0 12px; + border-radius: 16px; } + .page-3njELR .sidebar-dLM-kh .item-PXvHYJ:before { + display: none; } + .page-3njELR .sidebar-dLM-kh .roleDot-ZwSovK { + border: none; } + .page-3njELR .contentContainer-14yMzC { + left: 0; + flex: 1; } + .page-3njELR .contentWidth-xLB44s { + width: auto; + min-width: auto; + max-width: none; + padding-right: 82px; } + .page-3njELR .header-2mZ9Ov { + margin-left: 0; + margin-right: 0; + padding: 60px 0 0; + background-color: var(--main-color); + transition: var(--default-time) var(--default-animation) border-bottom-color; } + .page-3njELR .header-2mZ9Ov.stickyHeaderElevated-I6QUOA { + box-shadow: none; } + .page-3njELR .header-2mZ9Ov .titleText-1ZIyhl { + font-size: 16px; + text-transform: none; } + .page-3njELR .header-2mZ9Ov + div + .divider-1QCnvR { + display: none; } + .page-3njELR .tabBar-11f3uI { + margin-left: 0; + border-bottom: 1px solid var(--card-border-color); } + .page-3njELR .tabBar-11f3uI .item-PXvHYJ { + margin: 0 8px; + padding: 16px 0; + background-color: transparent !important; + border-radius: 0; + border-bottom: none; } + .page-3njELR .tabBar-11f3uI .item-PXvHYJ:first-of-type { + margin: 0 8px 0 0; } + .page-3njELR .tabBar-11f3uI .item-PXvHYJ.selected-3s45Ha { + position: relative; } + .page-3njELR .tabBar-11f3uI .item-PXvHYJ.selected-3s45Ha:after { + position: absolute; + content: " "; + width: 100%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } + .page-3njELR .searchContainer-3pUVEQ, + .page-3njELR .searchContainer-2gy0Sr { + margin-top: 16px; + padding-bottom: 16px; + border-bottom: 1px solid var(--card-border-color); } + .page-3njELR .previewContainer-1KQDJS { + background-color: transparent; + border-radius: var(--card-radius-big); + border: none; } + .page-3njELR .previewContainer-1KQDJS .messageContainer-1DiFnQ { + background-color: var(--chat-color); } + .page-3njELR .permissionsForm-1DoqZ5 .container-2_Tvc_ { + margin-bottom: 20px; } + .page-3njELR + .toolsContainer-1edPuj { + position: absolute; + top: 0; + right: 0; + z-index: 2; } + +.list-I3aHXn { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +/* SERVER SETTINGS -> ROLES -> VIEW AS ROLE */ +.container-3LUQwT { + padding: 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .container-3LUQwT .container-cMG81i { + height: auto; + padding: 8px; + background-color: transparent; + border-radius: 0; + border-bottom: 1px solid var(--popout-header-border); } + .container-3LUQwT .container-cMG81i .inner-2P4tQO { + border-radius: 16px; + background-color: var(--input-color); } + .container-3LUQwT .list-1xE9GQ { + margin-top: 0; + padding: 0; } + .container-3LUQwT .list-1xE9GQ .item-2J2GlB { + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .container-3LUQwT .list-1xE9GQ .item-2J2GlB:hover { + background-color: var(--menu-item-hover); } + +/* SERVER SETTINGS -> EMOJI */ +.emojiRow-zIc7ZX { + padding: 0 16px; } + .emojiRow-zIc7ZX:after { + width: calc(100% - 56px); } + .emojiRow-zIc7ZX:nth-child(2):last-of-type { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); } + .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz { + border-bottom: none !important; } + .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz:before, .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz:after { + display: none; } + .emojiRow-zIc7ZX .emojiAliasInput-1y-NBz .emojiInput-1aLNse { + padding: 0 8px; + border-radius: 16px; } + .emojiRow-zIc7ZX .emojiAliasPlaceholder-3H_iZA { + height: 32px; + margin-left: 8px; + padding: 0; + line-height: 34px; } + .emojiRow-zIc7ZX .emojiRemove-1k6MlJ { + right: -12px; } + +.title-3sZWYQ + .marginBottom40-2vIwTv .marginBottom4-2qk4Hy { + margin-bottom: 0; + padding: 16px; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border: 1px solid var(--card-border-color); } + .title-3sZWYQ + .marginBottom40-2vIwTv .marginBottom4-2qk4Hy .description-3_Ncsb { + font-weight: 600; } + +/* SERVER SETTINGS -> AUDIT LOG */ +.auditLog-3jNbM6 { + margin-bottom: 0; + border: none; } + .auditLog-3jNbM6 .header-GwIGlr { + position: relative; + background-color: transparent; + border-left: 1px solid var(--card-border-color); + border-right: 1px solid var(--card-border-color); } + .auditLog-3jNbM6 .header-GwIGlr:after { + position: absolute; + content: " "; + width: 100%; + height: 1px; + right: 0; + top: 0; + background-color: var(--card-border-color); } + .auditLog-3jNbM6 .divider-1pnAR2 { + display: none; } + .auditLog-3jNbM6 .changeDetails-bk98pu { + background-color: transparent !important; + border-left: 1px solid var(--card-border-color); + border-right: 1px solid var(--card-border-color); } + .auditLog-3jNbM6:first-of-type .header-GwIGlr { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border-top: 1px solid var(--card-border-color); } + .auditLog-3jNbM6:first-of-type .header-GwIGlr:after { + display: none; } + .auditLog-3jNbM6:last-of-type .header-GwIGlr { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-bottom: 1px solid var(--card-border-color); } + .auditLog-3jNbM6:last-of-type .header-GwIGlr.headerExpanded-CUEwZ5 { + border-radius: 0; + border-bottom: none; } + .auditLog-3jNbM6:last-of-type .changeDetails-bk98pu:last-of-type { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-bottom: 1px solid var(--card-border-color); } + +/* SERVER SETTINGS -> INTEGRATIONS */ +.iconWrapper-lS1uig { + background-color: var(--menu-item-select); } + +.footerPlaceholder-3sjNqI .card-3Qj_Yx.card-o7rAq- { + background-color: var(--card-color) !important; + border-radius: var(--card-radius-big) !important; + border: 1px solid var(--card-border-color) !important; } + +.card-3IImnr { + background-color: var(--card-color) !important; + border-radius: var(--card-radius-big) !important; + border: 1px solid var(--card-border-color) !important; } + .card-3IImnr .header-146Xl5 { + border-bottom: 1px solid var(--card-border-color); } + .card-3IImnr .header-146Xl5:only-child { + border-bottom: none; } + .card-3IImnr .body-1zRX82 { + padding: 16px; } + .card-3IImnr .body-1zRX82 .divider-3573oO { + display: none; } + +.card-1o0mns { + padding: 0; + background-color: var(--card-color) !important; + border-radius: var(--card-radius-big) !important; + border: 1px solid var(--card-border-color) !important; } + .card-1o0mns > .flex-1xMQg5 > .flex-1xMQg5:first-child { + padding: 16px; + border-bottom: 1px solid var(--card-border-color); } + .card-1o0mns .divider-3573oO { + display: none; } + .card-1o0mns .permissionHeader-asGFgR { + margin-top: 16px; + padding: 0 16px; } + .card-1o0mns .permissionHeader-asGFgR + .flex-1xMQg5 { + padding: 8px 16px 16px; } + .card-1o0mns .rolePills-32B_DQ { + margin-top: 8px; + padding: 0 16px; } + .card-1o0mns .permission-23FtuH { + height: 24px; + margin-top: 0; } + .card-1o0mns .permission-23FtuH .check-2-1yhI, .card-1o0mns .permission-23FtuH .cross-22YsmA { + top: 0; + bottom: 0; + margin: auto 8px auto 0; } + .card-1o0mns .permission-23FtuH .colorStandard-2KCXvj { + line-height: 24px; } + +/* SERVER SETTINGS -> SERVER TEMPLATE */ +.descriptionBox-1EKQKL { + background-color: transparent; + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +/* SERVER SETTINGS -> COMMUNITY -> OVERVIEW */ +.upsellContainer-L9xv7w { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .upsellContainer-L9xv7w .upsellFooter-ZYsio_ { + padding: 8px; + background-color: transparent; + border-top: 1px solid var(--card-border-color); } + +/* SERVER SETTINGS -> COMMUNITY -> SERVER INSIGHTS */ +.backgroundAccent-349kuI { + padding: 16px; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + color: var(--header-secondary); } + +.developerPortalCtaWrapper-2XNafh { + padding-bottom: 16px; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +/* SERVER SETTINGS -> COMMUNITY -> PARTNER PROGRAM */ +.featureCard-1RR4Tl { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +.checklistContainer-mFJZEJ { + width: 100%; + margin: 0; + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .checklistContainer-mFJZEJ .checklistHeader-1KWcEY { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .checklistContainer-mFJZEJ .checklistItem-37OOck { + position: relative; + border-bottom: none; } + .checklistContainer-mFJZEJ .checklistItem-37OOck:after { + position: absolute; + content: " "; + width: calc(100% - 52px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .checklistContainer-mFJZEJ .checklistItem-37OOck:last-of-type:after { + display: none; } + .checklistContainer-mFJZEJ .checklistItem-37OOck + .separator-Hx_3SF { + display: none; } + +/* SERVER SETTINGS -> COMMUNITY -> DISCOVERY */ +.container-2w0lh0 { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .container-2w0lh0 .header-2Y0-A- { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .container-2w0lh0 .checklistItem-37OOck { + position: relative; + border-bottom: none; } + .container-2w0lh0 .checklistItem-37OOck:after { + position: absolute; + content: " "; + width: calc(100% - 52px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .container-2w0lh0 .checklistItem-37OOck:last-of-type:after { + display: none; } + .container-2w0lh0 .checklistItem-37OOck + .separator-1COOpU { + display: none; } + +.card-3_CqkU { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + box-shadow: none !important; } + +/* SERVER SETTINGS -> COMMUNITY -> MEMBERSHIP SCREENING */ +.enableContainer-2DIT9Q { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +.previewContainer-12Libf .editableFieldsContainer-1LYE1s { + width: auto; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + padding: 0; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsFormFieldWrapper-3Y77Pr.flex-1xMQg5 { + margin: 16px; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsFormFieldWrapper-3Y77Pr:not(.flex-1xMQg5) { + padding: 0; + background-color: transparent; + border: none; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .settingsLink-uq19Vg { + padding: 8px; + background-color: transparent; + border-top: 1px solid var(--card-border-color); } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .h5-18_1nd { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm { + padding: 16px; + position: relative; + border-bottom: none; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm:after { + position: absolute; + content: " "; + width: calc(100% - 44px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm:last-of-type:after { + display: none; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .termsRow-2dS5nm .termsRowContent-24S2LO { + padding-left: 16px; } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .checkbox-BXy2rz { + margin-top: 0; + padding: 8px; + background-color: transparent; + border-top: 1px solid var(--card-border-color); } + .previewContainer-12Libf .editableFieldsContainer-1LYE1s .settingsFormItem-103g1I .checkbox-BXy2rz.checkboxWrapperDisabled-36r8NK { + opacity: 1; } + +/* SERVER SETTINGS -> COMMUNITY -> WELCOME SCREEN */ +.enableContainer-6E-puu { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border: 1px solid var(--card-border-color); } + +.previewContainer-1SS3uO { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-top: none; } + .previewContainer-1SS3uO .descriptionInput-3b30C8 { + line-height: 32px; } + .previewContainer-1SS3uO .descriptionInput-3b30C8[placeholder] { + text-align: left; } + .previewContainer-1SS3uO .welcomeChannel-1rFrIO { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + +.iconActiveLarger-1L4Joi { + border-radius: 50%; } + +.options-1VK2u9 { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .options-1VK2u9 .optionContainer-15srkc { + margin-top: 0; + border-radius: 0; + background-color: transparent; + position: relative; + border-bottom: none; } + .options-1VK2u9 .optionContainer-15srkc:after { + position: absolute; + content: " "; + width: calc(100% - 48px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .options-1VK2u9 .optionContainer-15srkc:last-of-type:after { + display: none; } + +.close-2do-tr { + background-color: transparent !important; + position: relative; + position: absolute; } + .close-2do-tr:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .close-2do-tr:hover:after { + opacity: 1; + transform: scale(1.6); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .close-2do-tr:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + +.modalContents-eAxMSD { + padding: 0; } + .modalContents-eAxMSD .headerText-sweXCL { + margin: 0; + padding: 16px 16px 0; } + .modalContents-eAxMSD .headerText-sweXCL + .formDescription-30JriC { + margin: 0; + padding: 0 16px 16px; + border-bottom: 1px solid var(--popout-header-border); } + .modalContents-eAxMSD > div:not([class]) { + padding: 16px 16px 0; } + .modalContents-eAxMSD > div:not([class]) + div:not([class]) { + padding: 0 16px 16px; } + .modalContents-eAxMSD .emojiButtonContainer-1zs7UV { + margin-top: 4px; + padding: 0; } + .modalContents-eAxMSD .channelDescriptionWrapper-2-llqU .inputWrapper-31_8H8 { + margin-left: 32px; } + +/* SERVER SETTINGS -> SERVER BOOST STATUS */ +.tier-3H4BXk .tierHeader-rlkkJd { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; } + .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderLocked-1a2opw { + padding: 16px; + background-color: transparent; + border-bottom: 1px solid var(--card-border-color); + font-size: 1em; + color: var(--card-header-text-color); + font-weight: 500; + border: 1px solid var(--card-border-color); } + .tier-3H4BXk .tierHeader-rlkkJd.tierHeaderUnlocked-2RhWqn { + padding: 16px; } + .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN { + padding: 0; } + .tier-3H4BXk .tierHeader-rlkkJd .tierHeaderContent-2-YfvN .tierLock-1oFMOZ path { + d: path("M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z") !important; } +.tier-3H4BXk .tierBody-x9kBBp { + background-color: transparent !important; + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border: 1px solid var(--card-border-color); + border-top: none; } + +/* SERVER SETTINGS -> USER MANAGEMENT -> MEMBERS */ +.content-3YMskv div:not([class]):nth-child(2) .divider-3573oO[style="margin-bottom: -1px;"] { + display: none; } + +.container-cMG81i { + height: 32px; + background-color: var(--input-color); + border-radius: 16px; } + .container-cMG81i .inner-2P4tQO { + padding: 0; } + .container-cMG81i .inner-2P4tQO .input-3Xdcic { + height: 32px; + margin: 0; + padding: 0 4px 0 12px; } + .container-cMG81i .inner-2P4tQO .iconLayout-3OgqU3 { + width: 32px; + height: 32px; + margin-right: 8px; } + +.container-3XJ8ns { + padding: 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + border: none; + box-shadow: var(--shadow-3dp); + animation: top-pop-out 400ms var(--default-animation); } + .container-3XJ8ns .container-cMG81i { + margin: 12px 8px; } + .container-3XJ8ns .list-1MFD7e { + margin-top: 0; + border-top: 1px solid var(--card-border-color); } + .container-3XJ8ns .list-1MFD7e .content-3YMskv { + height: auto !important; } + .container-3XJ8ns .list-1MFD7e .item-2J2GlB { + margin-bottom: 0; + border-radius: 0; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color; } + .container-3XJ8ns .list-1MFD7e .item-2J2GlB:hover { + background-color: var(--menu-item-hover); } + .container-3XJ8ns .list-1MFD7e .item-2J2GlB.selected-2114Fj { + background-color: var(--menu-item-select); } + +body:active .container-3XJ8ns:not(:active) { + opacity: 0; + transition: 150ms ease all; } + +.member-1q7VfX { + padding: 16px; } + .member-1q7VfX:after { + width: calc(100% - 66px); } + .member-1q7VfX:nth-child(3) { + margin-top: 24px; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border-top: 1px solid var(--card-border-color); } + .member-1q7VfX:nth-child(3):last-of-type { + border-radius: var(--card-radius-big); } + .member-1q7VfX:last-of-type { + margin-bottom: 32px; } + .member-1q7VfX .roleWrapper-1Hde_V { + overflow: visible; } + .member-1q7VfX .button-38aScr { + height: 32px; + background-color: transparent !important; + position: relative; } + .member-1q7VfX .button-38aScr:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .member-1q7VfX .button-38aScr:hover:after { + opacity: 1; + transform: scale(1.1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .member-1q7VfX .button-38aScr:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + +.overflowRolesPopout-140n9i { + width: 240px; + padding: 0; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .overflowRolesPopout-140n9i .overflowRolesPopoutHeader-ciqDLE { + margin-bottom: 0; + padding: 16px; + border-bottom: 1px solid var(--popout-header-border); } + .overflowRolesPopout-140n9i .overflowRolesPopoutHeaderText-1SW-y3 { + font-size: 14px; + text-transform: none; } + .overflowRolesPopout-140n9i .root-3-B5F3 { + padding: 8px; } + +/* SERVER SETTINGS -> USER MANAGEMENT -> INVITES */ +.headerSection-3-3lNF { + padding-bottom: 0; } + .headerSection-3-3lNF .divider-3573oO { + display: none; } + .headerSection-3-3lNF .horizontal-1ae9ci { + padding: 16px; + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border: 1px solid var(--card-border-color); } + +.inviteSettingsInviteRow-3p2O-N { + height: 68px; + padding: 16px; } + .inviteSettingsInviteRow-3p2O-N:after { + width: calc(100% - 64px); } + .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .user-3x-NP9 .avatar-1D9RQa { + position: absolute; + width: 34px !important; + height: 34px !important; + top: 0; + bottom: 0; + margin: auto 0; } + .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .user-3x-NP9 .username-38XC76 { + margin-left: 48px; } + .inviteSettingsInviteRow-3p2O-N .text-21vYb9 .colorHeaderSecondary-3Sp3Ft { + margin-left: 48px; } + .inviteSettingsInviteRow-3p2O-N .revokeInvite-28N8uj { + right: -16px; } + +/* SERVER SETTINGS -> USER MANAGEMENT -> BANS */ +.bannedUser-1IalTM { + padding: 16px; } + .bannedUser-1IalTM:after { + width: calc(100% - 64px); } + .bannedUser-1IalTM:nth-child(3) { + border-radius: var(--card-radius-big) var(--card-radius-big) 0 0; + border-top: 1px solid var(--card-border-color); } + .bannedUser-1IalTM:nth-child(3):last-of-type { + border-radius: var(--card-radius-big); } + .bannedUser-1IalTM:last-of-type { + margin-bottom: 32px; } + +.bannedUserModal-3RJCOV { + min-height: 180px; } + .bannedUserModal-3RJCOV .content-1x7qW2 { + padding: 0 !important; } + .bannedUserModal-3RJCOV .content-1x7qW2::-webkit-scrollbar { + width: 0px !important; } + .bannedUserModal-3RJCOV .content-1x7qW2 .horizontal-1ae9ci { + padding: 16px; + justify-content: left; + border-bottom: 1px solid var(--card-border-color); } + .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy { + margin-top: 0; + padding: 16px; + font-size: 14px; + text-transform: none; } + .bannedUserModal-3RJCOV .content-1x7qW2 .reasonHeader-2etdjy + .size14-e6ZScH { + padding: 0 16px 16px; } + +/* SERVER SETTINGS -> LISTS */ +.emojiRow-zIc7ZX, +.member-1q7VfX, +.inviteSettingsInviteRow-3p2O-N, +.bannedUser-1IalTM { + border-left: 1px solid var(--card-border-color); + border-right: 1px solid var(--card-border-color); + box-shadow: none !important; } + .emojiRow-zIc7ZX:before, + .member-1q7VfX:before, + .inviteSettingsInviteRow-3p2O-N:before, + .bannedUser-1IalTM:before { + display: none; } + .emojiRow-zIc7ZX:after, + .member-1q7VfX:after, + .inviteSettingsInviteRow-3p2O-N:after, + .bannedUser-1IalTM:after { + position: absolute; + content: " "; + height: 1px; + bottom: 0; + right: 0; + background-color: var(--card-border-color); } + .emojiRow-zIc7ZX:last-of-type, + .member-1q7VfX:last-of-type, + .inviteSettingsInviteRow-3p2O-N:last-of-type, + .bannedUser-1IalTM:last-of-type { + border-radius: 0 0 var(--card-radius-big) var(--card-radius-big); + border-bottom: 1px solid var(--card-border-color); } + .emojiRow-zIc7ZX:last-of-type:after, + .member-1q7VfX:last-of-type:after, + .inviteSettingsInviteRow-3p2O-N:last-of-type:after, + .bannedUser-1IalTM:last-of-type:after { + display: none; } + +/* SERVER SETTINGS -> SIDEBAR ICONS */ +.side-8zPYf6 .item-PXvHYJ[aria-controls="OVERVIEW-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="PERMISSIONS-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/lock_open.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="ROLES-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="EMOJI-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/emoji.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="MODERATION-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/security.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="AUDIT_LOG-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/audit_log.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/audit_log.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="INTEGRATIONS-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/integrations.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="WIDGET-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/widgets.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/widgets.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="GUILD_TEMPLATES-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/template.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/template.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="COMMUNITY-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/dashboard.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="ANALYTICS-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/analytics.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/analytics.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="PARTNER-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="DISCOVERY-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/discovery.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/discovery.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="MEMBER_VERIFICATION-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/verified_user.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="COMMUNITY_WELCOME-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/partner_program.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="GUILD_PREMIUM-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/server_boost.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="MEMBERS-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/people.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="INSTANT_INVITES-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/person_add.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="BANS-tab"]:before { + background-color: var(--text-normal); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/hammer.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } +.side-8zPYf6 .item-PXvHYJ[aria-controls="DELETE-tab"]:before { + background-color: var(--alert-color); + -webkit-mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg); + mask-image: url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/icons/outline/delete.svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; } + +/* SERVER SETTINGS -> ROLES */ +.scroller-305q3I { + background-color: transparent; } + +@media (min-width: 1148px) { + .sidebarScrollable-1qPI87 + .content-1rPSz4 { + /*max-width: 100%;*/ + max-width: calc(100% - 232px); + margin-left: 16px; } } +.role-3wi9Tf { + padding: 0 10px !important; } + +/* + * + * PINNED MESSAGES + * + */ +.iconBadge-qZ4Ksk { + top: -2px; + right: 4px; + background-color: var(--accent-color); + box-shadow: var(--shadow-1dp); } + +.messagesPopoutWrap-1MQ1bW { + max-height: 80vh !important; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); + animation: top-pop-out 400ms var(--default-animation); } + .messagesPopoutWrap-1MQ1bW .header-ykumBX { + padding: 0 16px; + background-color: transparent; + border-bottom: 1px solid var(--popout-header-border); + box-shadow: none; } + .messagesPopoutWrap-1MQ1bW .header-ykumBX .wrapper-1sSZUt { + height: 52px; + line-height: 52px; } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi { + padding: 0 8px 20px 8px; } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G { + margin: 0; + background-color: transparent; + border: none; } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT { + margin: 16px 8px 0 52px; + padding: 12px !important; + background-color: var(--message-color-alt) !important; + border-radius: var(--message-radius); } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT:before, .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT:after { + display: none; } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .avatar-1BDn8e { + top: 0; + left: -50px; } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT .container-1ov-mD { + overflow: hidden; + border-radius: var(--message-radius); } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug { + top: 22px; + right: 12px; } + .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_ { + border-radius: 9px; } + +body:active .messagesPopoutWrap-1MQ1bW:not(:active) { + opacity: 0; + transition: 150ms ease all; } + +/* + * + * COLOR PICKER + * + */ +.colorPickerCustom-2CWBn2 { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; + border: none; } + +/* + * + * CREATE GROUP DM + * + */ +.popout-103y-5 .header-1TKi98 .marginTop20-3TxNs6 { + margin-top: 8px; } +.popout-103y-5 .header-1TKi98 .container-2XeR5Z { + background-color: var(--input-color); + border-radius: 18px; } + .popout-103y-5 .header-1TKi98 .container-2XeR5Z .inner-3ErfOT { + padding: 0; } + .popout-103y-5 .header-1TKi98 .container-2XeR5Z .input-1Rv96N { + margin: 0; + padding: 0 12px; + min-height: 36px; } + .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 { + height: 28px; + margin: 4px 0 0 4px; + /*background-color: var(--menu-item-hover);*/ + border-radius: 14px; + background-color: transparent; + border: 1px solid var(--text-muted); + color: var(--text-normal); } + .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 .close-3WVtCL { + width: 18px; + height: 18px; + margin-left: 8px; } + .popout-103y-5 .header-1TKi98 .container-2XeR5Z .tag-2gHSR7 .close-3WVtCL path { + d: path("M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"); } +.popout-103y-5 .friendWrapper-2SrUFF { + margin: 0; + padding: 0; } + .popout-103y-5 .friendWrapper-2SrUFF .friend-3KALPe { + padding: 6px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .popout-103y-5 .friendWrapper-2SrUFF .friend-3KALPe.friendSelected-1sa4bG { + background-color: var(--menu-item-hover); + color: var(--menu-item-text-color); } +.popout-103y-5 .footerSeparator-M9dQY1 { + margin: 0; + background-color: var(--popout-header-border); + box-shadow: none !important; } +.popout-103y-5 .footer-1eyGBa { + padding: 8px; } + +/* + * + * INBOX + * + */ +.container-enaOkj { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + +/* MENTIONS -> HEADER */ +.header-2-Imhb, +.header-ykumBX { + height: 52px; + padding: 0 16px; + background-color: var(--popout-color); + border-bottom: 1px solid var(--popout-header-border); } + .header-2-Imhb .tab-ck0077, + .header-ykumBX .tab-ck0077 { + height: 100%; + margin: 0; + padding: 0 8px; } + .header-2-Imhb .tab-ck0077:hover, .header-2-Imhb .tab-ck0077.active-1MbGPa, + .header-ykumBX .tab-ck0077:hover, + .header-ykumBX .tab-ck0077.active-1MbGPa { + background-color: transparent !important; } + .header-2-Imhb .tab-ck0077.active-1MbGPa, + .header-ykumBX .tab-ck0077.active-1MbGPa { + position: relative; } + .header-2-Imhb .tab-ck0077.active-1MbGPa:after, + .header-ykumBX .tab-ck0077.active-1MbGPa:after { + position: absolute; + content: " "; + width: 90%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } + .header-2-Imhb .tab-ck0077:first-child, + .header-ykumBX .tab-ck0077:first-child { + margin-right: 8px; } + .header-2-Imhb .secondary-dIudih, + .header-ykumBX .secondary-dIudih { + margin-top: 10px; } + +/* INBOX -> MENTIONS */ +.container-3iAQ-0 { + padding-left: 8px; + padding-right: 8px; } + .container-3iAQ-0:first-child { + margin-top: 16px; } + .container-3iAQ-0 .channelHeader-3Gd2xq { + padding: 12px 16px; + background-color: var(--message-color-alt); + border-radius: var(--message-radius) var(--message-radius) 0 0; + border-bottom: 1px solid var(--card-border-color); } + .container-3iAQ-0 .messageContainer-gbhlwo { + background-color: var(--message-color-alt); + border-radius: 0 0 var(--message-radius) var(--message-radius); } + .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG { + margin: 0 0 0 80px; + border-radius: var(--message-radius); + overflow: visible; } + .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG:before, .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG:after { + display: none; } + .container-3iAQ-0 .messageContainer-gbhlwo .wrapper-2a6GCs.cozy-3raOZG .avatar-1BDn8e { + top: 0; + left: -50px; } + +/* INBOX -> UNREADS */ +.channel-3pEHab { + padding-top: 16px; } + .channel-3pEHab .channelHeader-3Gd2xq { + padding: 12px 16px 12px 42px; + background-color: var(--message-color-alt); + border-radius: var(--message-radius) var(--message-radius) 0 0; + border-bottom: 1px solid var(--card-border-color); } + .channel-3pEHab .channelHeader-3Gd2xq:only-child { + border-radius: var(--message-radius); + border-bottom: none; } + .channel-3pEHab .channelHeader-3Gd2xq .collapseButton-2ZsEjz { + left: 12px; + cursor: pointer; } + .channel-3pEHab .channelHeader-3Gd2xq .button-1-5Aqk { + background-color: var(--menu-item-hover); } + .channel-3pEHab .channelHeader-3Gd2xq .button-1-5Aqk:hover { + background-color: var(--menu-item-select); } + .channel-3pEHab .messages-3G3erD { + padding: 16px; + background-color: var(--message-color-alt); + border-radius: 0 0 var(--message-radius) var(--message-radius); } + .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG { + overflow: visible; } + .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG .avatar-1BDn8e { + left: -50px; } + .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG.groupStart-23k01U { + margin: 16px 0 0 48px; } + .channel-3pEHab .messages-3G3erD .wrapper-2a6GCs.cozy-3raOZG:not(.groupStart-23k01U) { + margin: -8px 0 0 48px; } + +/* + * + * SEARCH + * + */ +.container-3ayLPN { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; + animation: top-pop-out 400ms var(--default-animation); } + .container-3ayLPN .resultsGroup-r_nuzN:before { + display: none; } + .container-3ayLPN .resultsGroup-r_nuzN .header-2N-gMV { + color: var(--text-normal); + font-size: 14px; + text-transform: none; } + .container-3ayLPN .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a, + .container-3ayLPN .resultsGroup-r_nuzN .searchClearHistory-2cSSMO { + color: var(--text-normal); } + .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q { + margin: 0 !important; + padding: 0 20px !important; + border-radius: 0 !important; } + .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q:after { + background: transparent !important; } + .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q:hover { + background: var(--menu-item-hover) !important; } + .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q.selected-rZcOL- { + background: var(--menu-item-select) !important; } + .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q.selected-rZcOL-:after { + width: 70px; + background: linear-gradient(90deg, rgba(35, 38, 42, 0), var(--menu-item-hover) 50%) !important; } + .container-3ayLPN .resultsGroup-r_nuzN .option-96V44q .answer-1n6g43 { + color: var(--text-muted); } + .container-3ayLPN .queryContainer-RKFJW- { + border-bottom-color: var(--popout-header-border) !important; } + .container-3ayLPN .queryContainer-RKFJW-.focused-2bY0OD { + background-color: transparent !important; } + +.keybindShortcut-1BD6Z1 { + height: 24px; } + .keybindShortcut-1BD6Z1 span, .keybindShortcut-1BD6Z1 span:active { + height: 100%; + padding: 0 6px; + line-height: 24px; + border-radius: 12px; + box-shadow: none !important; + border: none !important; } + +body:active .container-3ayLPN:not(:active) { + opacity: 0; + transition: 150ms ease all; } + +/* SEARCH -> RESULTS */ +.searchResultsWrap-3-pOjs { + background-color: var(--main-color); + /* SEARCH -> RESULTS -> HEADER */ + /* SEARCH -> RESULTS -> MESSAGES */ } + .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 { + padding: 0 16px; + background-color: transparent; + border-bottom: 1px solid var(--separator-color); } + .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF { + height: 100%; + line-height: 100%; + border-radius: 0; } + .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF:hover, .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 { + background-color: transparent; } + .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8 { + position: relative; } + .searchResultsWrap-3-pOjs .searchHeader-2XoQg7 .tab-2j5AEF.selected-2LAck8:after { + position: absolute; + content: " "; + width: 90%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } + .searchResultsWrap-3-pOjs .scroller-3GIiMh { + padding: 8px; } + .searchResultsWrap-3-pOjs .channelName-1JRO3C { + padding: 8px 8px 8px 12px; + background-color: transparent; + color: var(--card-header-text-color); } + .searchResultsWrap-3-pOjs .searchResult-9tQ1uo { + background-color: transparent; + border-radius: 0; } + .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs { + margin: 0 8px 0 60px; + padding: 12px !important; + border-radius: var(--message-radius); } + .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs:before, .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs:after { + display: none; } + .searchResultsWrap-3-pOjs .searchResult-9tQ1uo .wrapper-2a6GCs .avatar-1BDn8e { + top: 0; + left: -50px; } + .searchResultsWrap-3-pOjs .buttonsContainer-7PA8hy { + top: 16px; + right: 18px; } + .searchResultsWrap-3-pOjs .buttonsContainer-7PA8hy .button-11zvza { + padding: 4px 8px; + border-radius: 12px; } + +/* + * + * USER POPOUT + * + */ +.userPopout-3XzG_A { + position: relative; + width: 280px; + max-height: 90vh; + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN, .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV { + background-color: var(--popout-color-alt); } + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerTag-2pZJzA, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .headerText-1HLrL7, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .content-3JfFJh, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .activityName-1IaRLn, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .details-38sfDr, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .nameNormal-2lqVQK, + .userPopout-3XzG_A .header-2BwW8b.headerNormal-T_seeN .nameWrap-3Z4G_9, .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerTag-2pZJzA, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerTagUsernameNoNickname-2_H881, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .headerText-1HLrL7, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .content-3JfFJh, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .activityName-1IaRLn, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .details-38sfDr, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .nameNormal-2lqVQK, + .userPopout-3XzG_A .header-2BwW8b.headerPlaying-j0WQBV .nameWrap-3Z4G_9 { + color: var(--menu-item-text-color); + font-size: 14px; + text-transform: none; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT { + background-color: var(--spotify-color); } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k { + position: relative; + padding: 0; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .anchor-3Z-8Bb { + color: #fff; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .headerTextNormal-2mGWX3 { + display: none; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .bodyNormal-2D39hT { + padding: 10px 10px 0; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .bodyNormal-2D39hT .assetsLargeImage-eYwpTX { + border-radius: 50%; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 { + position: absolute; + width: 100%; + top: 0; + margin: 0; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .bar-3urHkF, + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .barInner-3NDaY_ { + border-radius: 0; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .flex-1xMQg5 { + position: absolute; + flex: 0 !important; + width: 80px; + top: -16px; + right: 2px; + opacity: 0; + transition: 200ms ease all; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6, + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textRight-1XO5Ye { + width: 32px; + min-width: 32px; + font-size: 13px; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6 { + display: inline-block; + position: relative; + flex: 0 !important; + margin: 0 16px 0 0; + text-align: right; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .timeBarUserPopout-AWPFf2 .textLeft-3EZXG6:after { + position: absolute; + content: " / "; + left: 38px; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .buttonsWrapper-2spIeK { + margin-top: 0; + padding: 10px; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .buttonsWrapper-2spIeK:empty { + padding: 0; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ { + background-color: #fff; + color: var(--spotify-color); } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ:last-of-type { + padding: 0 !important; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT .activity-11LB_k .iconButton-285DXF { + padding: 0; } + .userPopout-3XzG_A .header-2BwW8b.headerSpotify-zpWxgT:hover .timeBarUserPopout-AWPFf2 .flex-1xMQg5 { + opacity: 1; } + .userPopout-3XzG_A .header-2BwW8b.headerStreaming-2FjmGz { + background-color: var(--stream-color); } + .userPopout-3XzG_A .header-2BwW8b.headerStreaming-2FjmGz .activity-11LB_k .lookOutlined-3sRXeN.colorWhite-rEQuAQ { + background-color: #fff; + color: var(--stream-color); } + .userPopout-3XzG_A .header-2BwW8b .headerTop-3C2Zn0 { + background-color: rgba(0, 0, 0, 0.2); } + .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k { + padding: 12px; + background-color: transparent; } + .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k .assetsLargeImage-eYwpTX, + .userPopout-3XzG_A .header-2BwW8b .activity-11LB_k .gameIcon-gg34Dz { + border-radius: 50%; } + .userPopout-3XzG_A .body-3iLsc4 { + padding: 12px; + background-color: transparent; } + .userPopout-3XzG_A .body-3iLsc4 .bodyTitle-Y0qMQz { + font-size: 14px; + text-transform: none; } + .userPopout-3XzG_A .footer-1fjuF6 { + padding: 8px; + background-color: transparent; + border-top: 1px solid var(--card-border-color); } + .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8 { + border-bottom: none !important; } + .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8:before, .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8:after { + display: none; } + .userPopout-3XzG_A .footer-1fjuF6 .inputWrapper-31_8H8 .input-cIJ7To { + padding: 0 12px; + background-color: var(--input-color); + border-radius: 16px; } + +/*.popoutLeft-3aViER.noArrow-2foL9g .userPopout-3XzG_A { + transform: translateX(0%) translateY(0%) translateZ(0px) !important; + animation: show-user-status-right 350ms var(--default-animation); +} + +.popoutRight-1veHKi.noArrow-2foL9g .userPopout-3XzG_A { + transform: translateX(0%) translateY(0%) translateZ(0px) !important; + animation: show-user-status-left 350ms var(--default-animation); +}*/ +body:active .userPopout-3XzG_A:not(:active) { + opacity: 0; + transition: 150ms ease all; } + +/* + * + * USER PROFILE + * + */ +.root-SR8cQa { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); + overflow-y: auto; } + .root-SR8cQa .topSectionPlaying-1J5E4n { + background-color: var(--popout-color-alt); } + .root-SR8cQa .topSectionPlaying-1J5E4n .username-3gJmXY, + .root-SR8cQa .topSectionPlaying-1J5E4n .discriminator-xUhQkU, + .root-SR8cQa .topSectionPlaying-1J5E4n .headerText-1HLrL7, + .root-SR8cQa .topSectionPlaying-1J5E4n .content-3JfFJh, + .root-SR8cQa .topSectionPlaying-1J5E4n .activityName-1IaRLn, + .root-SR8cQa .topSectionPlaying-1J5E4n .nameNormal-2lqVQK, + .root-SR8cQa .topSectionPlaying-1J5E4n .nameWrap-3Z4G_9, + .root-SR8cQa .topSectionPlaying-1J5E4n .additionalActionsIcon-1FoUlE { + color: var(--text-normal); } + .root-SR8cQa .topSectionPlaying-1J5E4n .headerText-1HLrL7 { + font-size: 14px; + text-transform: none; } + .root-SR8cQa .topSectionSpotify-1lI0-P { + background-color: var(--spotify-color); } + .root-SR8cQa .topSectionSpotify-1lI0-P .headerTextNormal-2mGWX3 { + display: none; } + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm { + position: absolute; + width: 100%; + top: 112px; + left: 0; + margin: 0; } + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .bar-3urHkF, + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .barInner-3NDaY_ { + border-radius: 0; } + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .flex-1xMQg5 { + position: absolute; + flex: 0; + width: 80px; + top: -18px; + right: 4px; } + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6, + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textRight-1XO5Ye { + width: 32px; + min-width: 32px; + font-size: 14px; } + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6 { + display: inline-block; + position: relative; + margin: 0 16px 0 0; + flex: 0 !important; + text-align: right; } + .root-SR8cQa .topSectionSpotify-1lI0-P .timeBarProfile-10b-fm .textLeft-3EZXG6:after { + position: absolute; + content: " / "; + left: 38px; } + .root-SR8cQa .topSectionSpotify-1lI0-P .assetsLargeImage-eYwpTX { + border-radius: 50%; } + .root-SR8cQa .topSectionSpotify-1lI0-P .anchor-3Z-8Bb { + color: #fff; } + .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ, + .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY { + color: var(--spotify-color); } + .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionSpotify-1lI0-P .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, + .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY, + .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY:hover, + .root-SR8cQa .topSectionSpotify-1lI0-P .lookInverted-2D7oAl.colorGreen-29iAKY:active { + background-color: #fff; } + .root-SR8cQa .topSectionSpotify-1lI0-P .iconButton-285DXF { + padding: 0; } + .root-SR8cQa .topSectionStreaming-1Tpf5X { + background-color: var(--stream-color); } + .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ, + .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY { + color: var(--stream-color); } + .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionStreaming-1Tpf5X .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, + .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY, + .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY:hover, + .root-SR8cQa .topSectionStreaming-1Tpf5X .lookInverted-2D7oAl.colorGreen-29iAKY:active { + background-color: #fff; } + .root-SR8cQa .topSectionXbox-3fWLjS { + background-color: var(--xbox-color); } + .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ, + .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY { + color: var(--xbox-color); } + .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ, .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .root-SR8cQa .topSectionXbox-3fWLjS .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, + .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY, + .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY:hover, + .root-SR8cQa .topSectionXbox-3fWLjS .lookInverted-2D7oAl.colorGreen-29iAKY:active { + background-color: #fff; } + .root-SR8cQa .header-QKLPzZ { + padding: 16px; + background: rgba(0, 0, 0, 0.1); } + .root-SR8cQa .headerFill-adLl4x { + background-color: transparent; } + .root-SR8cQa .activity-1ythUs { + padding: 16px; } + .root-SR8cQa .activity-1ythUs .gameIcon-gg34Dz { + border-radius: 50%; } + .root-SR8cQa .tabBarContainer-1s1u-z { + padding-left: 16px; + border-top: none; } + .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- { + height: 48px; } + .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP { + margin-right: 32px; + border: none; } + .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP[aria-selected="true"] { + position: relative; } + .root-SR8cQa .tabBarContainer-1s1u-z .tabBar-2MuP6- .tabBarItem-1b8RUP[aria-selected="true"]:after { + position: absolute; + content: " "; + width: 100%; + height: 3px; + left: 0; + right: 0; + bottom: 0; + margin: 0 auto; + background: var(--tab-border-color); + border-radius: 3px 3px 0 0; + transition: var(--default-time) ease all; } + .root-SR8cQa .body-3ND3kc { + height: auto; + background-color: transparent; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns { + padding: 0 16px; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx { + padding: 16px 0 8px; + border-top: none; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx:nth-child(2) { + padding: 8px 0 16px; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .userInfoSectionHeader-CBvMDh { + font-size: 14px; + text-transform: none; + font-weight: 500; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .note-QfFU8y .textarea-2r0oV8 { + padding: 0; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS { + margin-top: -16px; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS .connectedAccount-36nQx7 { + margin-top: 16px; + background-color: transparent; + border-radius: var(--card-radius); + border-color: var(--card-border-color); + transition: var(--default-time) var(--default-animation) background-color; } + .root-SR8cQa .body-3ND3kc .infoScroller-3EYYns .userInfoSection-2acyCx .connectedAccounts-repVzS .connectedAccount-36nQx7:hover { + background-color: var(--card-color-alt); } + +/* + * + * EMOJI PICKER + * + */ +.contentWrapper-SvZHNd { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); + animation: bottom-pop-out 400ms var(--default-animation); + /* EMOJI PICKER -> HEADER */ + /* EMOJI PICKER -> HEADER -> SEARCH BAR */ + /* EMOJI PICKER -> EMOJIS */ + /* EMOJI PICKER -> CATEGORIES */ } + .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx- { + border-radius: 12px; + color: var(--menu-item-text-color) !important; } + .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx-:hover { + background-color: var(--menu-item-hover) !important; } + .contentWrapper-SvZHNd .navList-2UtuhC .navButton-2gQCx-.navButtonActive-1MkytQ { + background-color: var(--menu-item-select) !important; } + .contentWrapper-SvZHNd .header-8ilj5e, + .contentWrapper-SvZHNd .header-2k4I2o, + .contentWrapper-SvZHNd .header-1TOWci { + border-bottom: 1px solid var(--card-border-color); + box-shadow: none; } + .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM { + background-color: var(--popout-color); + border-radius: 16px; + border: none; + box-shadow: var(--shadow-3dp); } + .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw { + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .contentWrapper-SvZHNd .diversitySelectorPopout-3FiGaM .diversityEmojiItem-L6_IXw:hover { + background-color: var(--menu-item-hover); } + .contentWrapper-SvZHNd .container-2XeR5Z { + background-color: var(--input-color); + border-radius: 16px; } + .contentWrapper-SvZHNd .container-2XeR5Z .inner-3ErfOT { + padding: 0; } + .contentWrapper-SvZHNd .container-2XeR5Z .input-1Rv96N { + height: 32px; + margin: 0; + padding: 0 12px; } + .contentWrapper-SvZHNd .wrapper-1-Fsb8 { + background-color: var(--emoji-category-header); } + .contentWrapper-SvZHNd .wrapper-1-Fsb8 .headerLabel-3dG4M- { + font-size: 14px; + text-transform: none; } + .contentWrapper-SvZHNd .inspector-S2gM3e { + background-color: var(--popout-color); + border-top: 1px solid var(--card-border-color); } + .contentWrapper-SvZHNd .inspector-S2gM3e .graphicSecondary-1zo8ze foreignObject { + mask: none !important; } + .contentWrapper-SvZHNd .inspector-S2gM3e .graphicSecondary-1zo8ze .guildIcon-3h-1IH { + border-radius: 50%; } + .contentWrapper-SvZHNd .wrapper-2Gsate { + margin-top: -1px; + background-color: var(--attachment-color); + /* EMOJI PICKER -> CATEGORIES -> DEFAULT CATEGORIES */ } + .contentWrapper-SvZHNd .wrapper-2Gsate .scroller-3gAZLs::-webkit-scrollbar { + width: 0px !important; } + .contentWrapper-SvZHNd .wrapper-2Gsate .unicodeShortcut-15J8Ck { + height: 47px; + background-color: var(--popout-color); + border-top: 1px solid var(--card-border-color); } + .contentWrapper-SvZHNd .wrapper-2Gsate .unicodeShortcut-15J8Ck path { + d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ { + border-radius: 50%; } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ:hover { + background-color: var(--menu-item-hover); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="recent"] path { + d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="people"] path { + d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="nature"] path { + d: path("M8.66 13.07c.15 0 .29-.01.43-.03C9.56 14.19 10.69 15 12 15s2.44-.81 2.91-1.96c.14.02.29.03.43.03 1.73 0 3.14-1.41 3.14-3.14 0-.71-.25-1.39-.67-1.93.43-.54.67-1.22.67-1.93 0-1.73-1.41-3.14-3.14-3.14-.15 0-.29.01-.43.03C14.44 1.81 13.31 1 12 1s-2.44.81-2.91 1.96c-.14-.02-.29-.03-.43-.03-1.73 0-3.14 1.41-3.14 3.14 0 .71.25 1.39.67 1.93-.43.54-.68 1.22-.68 1.93 0 1.73 1.41 3.14 3.15 3.14zM12 13c-.62 0-1.12-.49-1.14-1.1l.12-1.09c.32.12.66.19 1.02.19s.71-.07 1.03-.19l.11 1.09c-.02.61-.52 1.1-1.14 1.1zm3.34-1.93c-.24 0-.46-.07-.64-.2l-.81-.57c.55-.45.94-1.09 1.06-1.83l.88.42c.4.19.66.59.66 1.03 0 .64-.52 1.15-1.15 1.15zm-.65-5.94c.2-.13.42-.2.65-.2.63 0 1.14.51 1.14 1.14 0 .44-.25.83-.66 1.03l-.88.42c-.12-.74-.51-1.38-1.07-1.83l.82-.56zM12 3c.62 0 1.12.49 1.14 1.1l-.11 1.09C12.71 5.07 12.36 5 12 5s-.7.07-1.02.19l-.12-1.09c.02-.61.52-1.1 1.14-1.1zM8.66 4.93c.24 0 .46.07.64.2l.81.56c-.55.45-.94 1.09-1.06 1.83l-.88-.42c-.4-.2-.66-.59-.66-1.03 0-.63.52-1.14 1.15-1.14zM8.17 8.9l.88-.42c.12.74.51 1.38 1.07 1.83l-.81.55c-.2.13-.42.2-.65.2-.63 0-1.14-.51-1.14-1.14-.01-.43.25-.82.65-1.02zM12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zm2.44-2.44c.71-1.9 2.22-3.42 4.12-4.12-.71 1.9-2.22 3.41-4.12 4.12zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9zm2.44 2.44c1.9.71 3.42 2.22 4.12 4.12-1.9-.71-3.41-2.22-4.12-4.12z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="food"] path { + d: path("M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="activity"] path { + d: path("M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-10 7H8v3H6v-3H3v-2h3V8h2v3h3v2zm4.5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4-3c-.83 0-1.5-.67-1.5-1.5S18.67 9 19.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="travel"] path { + d: path("M12 4H5C3.34 4 2 5.34 2 7v8c0 1.66 1.34 3 3 3l-1 1v1h1l2-2h2v-5H4V6h9v2h2V7c0-1.66-1.34-3-3-3zM5 14c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm15.57-4.34c-.14-.4-.52-.66-.97-.66h-7.19c-.46 0-.83.26-.98.66l-1.42 4.11v5.51c0 .38.31.72.69.72h.62c.38 0 .68-.38.68-.76V18h8v1.24c0 .38.31.76.69.76h.61c.38 0 .69-.34.69-.72l.01-1.37v-4.14l-1.43-4.11zm-8.16.34h7.19l1.03 3h-9.25l1.03-3zM12 16c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm8 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="objects"] path { + d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="symbols"] path { + d: path("M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z"); } + .contentWrapper-SvZHNd .wrapper-2Gsate .categoryItemDefaultCategory-aBZ6nJ[aria-label="flags"] path { + d: path("M14 6l-1-2H5v17h2v-7h5l1 2h7V6h-6zm4 8h-4l-1-2H7V6h5l1 2h5v6z"); } + +body:active .contentWrapper-SvZHNd:not(:active) { + opacity: 0; + transition: 150ms ease all; } + +/* + * + * UPLOAD + * + */ +.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .bgScale-1otPtc { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } +.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo { + border: none; } + +/* UPLOAD -> MODAL */ +.uploadModal-2ifh8j { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .uploadModal-2ifh8j .inner-3nWsbo { + margin: 0; + padding: 16px; } + .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j { + margin-left: 0 !important; + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ { + padding-left: 0 !important; } + .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf { + margin: 0; } + .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .label-3aiqT2 { + font-size: 14px; + text-transform: none; } + .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .channelTextArea-2VhZ6z { + margin-bottom: 0; } + .uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .channelTextArea-2VhZ6z .scrollableContainer-2NUZem { + background-color: var(--main-textarea-color); + border-radius: var(--main-textarea-radius); + border: 1px solid var(--main-textarea-border); } + .uploadModal-2ifh8j .footer-3mqk7D { + padding: 8px; + background-color: transparent !important; + border-top: 1px solid var(--card-border-color); + box-shadow: none !important; } + .uploadModal-2ifh8j .footer-3mqk7D .button-38aScr.lookLink-9FtZy- { + margin-right: 8px; } + +/* + * + * REACTIONS + * + */ +.container-1If-HZ .scroller-1-nKid, +.container-1If-HZ .reactors-Blmlhw { + background-color: transparent; } +.container-1If-HZ .scroller-1-nKid { + border-right: 1px solid var(--card-border-color); } +.container-1If-HZ .reactionDefault-GBA58K, +.container-1If-HZ .reactionSelected-1pqISm { + margin-bottom: 4px; + border-radius: 14px; } +.container-1If-HZ .reactionDefault-GBA58K:hover { + background-color: var(--menu-item-hover); } +.container-1If-HZ .reactionSelected-1pqISm { + background-color: var(--menu-item-select); } +.container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI { + margin-left: 0; + margin-right: 0; + padding-left: 16px; + box-shadow: none !important; + position: relative; + border-bottom: none; } + .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI:after { + position: absolute; + content: " "; + width: calc(100% - 50px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .container-1If-HZ .reactors-Blmlhw .reactor-3UBcOI:last-of-type:after { + display: none; } + +/* + * + * AUTOCOMPLETE + * + */ +.autocomplete-1vrmpx { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; } + .autocomplete-1vrmpx .autocompleteRow-2OthDa { + padding: 0; } + .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j { + padding: 8px 12px; + border-radius: 0; + transition: var(--default-time) var(--default-animation) background-color; } + .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j.selected-1Tbx07 { + background-color: var(--menu-item-hover) !important; } + .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j:not(.selectable-3dP3y-) { + border-bottom: 1px solid var(--card-border-color); } + .autocomplete-1vrmpx .autocompleteRow-2OthDa .base-1pYU8j:not(.selectable-3dP3y-) .contentTitle-2tG_sM { + font-size: 14px; + text-transform: none; } + .autocomplete-1vrmpx .divider-23swzi { + padding: 8px 0; } + .autocomplete-1vrmpx .divider-23swzi:after { + background-color: var(--card-border-color); } + .autocomplete-1vrmpx .wrapper-uf3cnO { + background-color: var(--attachment-color); } + .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate { + background-color: transparent; } + .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate .listItems-1uJgMC { + left: 12px !important; + right: 12px !important; } + .autocomplete-1vrmpx .wrapper-uf3cnO .wrapper-2Gsate .wrapper-2siovq { + border-radius: 50%; } + .autocomplete-1vrmpx .listItems-1uJgMC { + left: 0 !important; + right: 0 !important; } + .autocomplete-1vrmpx .categorySectionLast-2PPrHj .categoryHeader-O1zU94 { + background-color: var(--emoji-category-header); } + +/* + * + * ACCEPT RULES + * + */ +.guildSidebar-2OCzWB { + padding: 0; + background-color: transparent; + border-right: 1px solid var(--card-border-color); } + .guildSidebar-2OCzWB > div:not([class]):first-child { + padding: 16px; } + .guildSidebar-2OCzWB > div:not([class]):last-child { + display: flex; + position: relative; + padding: 8px; + border-top: 1px solid var(--popout-header-border); } + .guildSidebar-2OCzWB > div:not([class]):last-child:after { + position: absolute; + content: " "; + width: 1px; + height: 52px; + top: 0; + right: -1px; + background-color: var(--popout-color); } + .guildSidebar-2OCzWB > div:not([class]):last-child .flex-1xMQg5 { + height: 36px; + margin-right: 8px; + margin-bottom: 0; } + .guildSidebar-2OCzWB .guildIcon-38Zs0M { + border-radius: 50%; } + .guildSidebar-2OCzWB .divider-2FB3wK { + border-bottom-color: var(--card-border-color); } + +.modal-f02hVt { + background-color: transparent; } + .modal-f02hVt .divider-2FB3wK { + border-bottom-color: var(--card-border-color); } + .modal-f02hVt .formFieldWrapper-malor5.flex-1xMQg5 { + background-color: var(--input-color); + border-radius: 24px; + border: none; } + .modal-f02hVt .formFieldWrapper-malor5.flex-1xMQg5 .button-38aScr { + margin-top: -3px; } + .modal-f02hVt .formFieldWrapper-malor5:not(.flex-1xMQg5) { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); + padding: 0; } + .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm { + padding: 16px; + position: relative; + border-bottom: none; } + .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm:after { + position: absolute; + content: " "; + width: calc(100% - 44px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm:last-of-type:after { + display: none; } + .modal-f02hVt .formFieldWrapper-malor5 .termsRow-2dS5nm .termsRowContent-24S2LO { + padding-left: 16px; } + +/* + * + * VIDEO PLAYER + * + */ +.metadata-13NcHb { + height: auto; + top: 0; + padding: 0; + background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.4) 67%, rgba(0, 0, 0, 0.4) 100%); + z-index: 2; } + .metadata-13NcHb .metadataContent-3c_ZXw { + padding: 12px 12px 0; } + .metadata-13NcHb .anchor-3Z-8Bb { + width: 25px; + height: 25px; + margin: 6px 6px 0 0; + padding: 6px; + opacity: 1; + position: relative; } + .metadata-13NcHb .anchor-3Z-8Bb:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .metadata-13NcHb .anchor-3Z-8Bb:hover:after { + opacity: 1; + transform: scale(1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .metadata-13NcHb .anchor-3Z-8Bb:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .metadata-13NcHb .metadataIcon-2FyCKU path[d="M16.293 9.293L17.707 10.707L12 16.414L6.29297 10.707L7.70697 9.293L11 12.586V2H13V12.586L16.293 9.293ZM18 20V18H20V20C20 21.102 19.104 22 18 22H6C4.896 22 4 21.102 4 20V18H6V20H18Z"] { + d: path("M13 5v6h1.17L12 13.17 9.83 11H11V5h2m2-2H9v6H5l7 7 7-7h-4V3zm4 15H5v2h14v-2z"); } + +.playCenter-Fe8u3X .wrapper-129saQ { + width: 100%; + height: 100%; + background-color: transparent; + border-radius: var(--message-radius); } + .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); + transition: var(--default-time) var(--default-animation) all; + opacity: 0.6; } + .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA:hover { + opacity: 1; + transform: scale(1.25); } + .playCenter-Fe8u3X .wrapper-129saQ .iconWrapper-21idzA:active { + transform: scale(1.25), translateY(0); } + .playCenter-Fe8u3X .wrapper-129saQ .iconPlay-2kgvwV { + width: 100%; + height: 100%; + margin: 0; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEwLDE2LjVWNy41TDE2LDEyTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkExMCwxMCAwIDAsMCAxMiwyMkExMCwxMCAwIDAsMCAyMiwxMkExMCwxMCAwIDAsMCAxMiwyWiIgLz48L3N2Zz4=); + background-repeat: no-repeat; + background-size: 20%; + background-position: 50%; + pointer-events: none; } + .playCenter-Fe8u3X .wrapper-129saQ .iconPlay-2kgvwV polygon { + display: none; } + +/* VIDEO PLAYER -> CONTROLS */ +.videoControls-2kcYic .mediaBarWrapper-3D7r67 { + box-shadow: none !important; } + .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN:before, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN:after, + .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl, + .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl:before, + .videoControls-2kcYic .mediaBarWrapper-3D7r67 .mediaBarProgress-1xaPtl:after { + background-color: var(--accent-color); } + .videoControls-2kcYic .mediaBarWrapper-3D7r67 .fakeEdges-27pgtp:before, .videoControls-2kcYic .mediaBarWrapper-3D7r67 .fakeEdges-27pgtp:after { + border-radius: 0; } +.videoControls-2kcYic .bubble-3qRl2J { + background-color: rgba(97, 97, 97, 0.9); + color: #ddd; } + .videoControls-2kcYic .bubble-3qRl2J:before { + border-top-color: rgba(97, 97, 97, 0.9); } + +/* + * + * FORMAT TOOLBAR + * + */ +.toolbar-2bjZV7 { + background-color: var(--popout-color); + border-radius: 16px; + box-shadow: var(--shadow-3dp); + overflow: hidden; } + .toolbar-2bjZV7 .button-qqmJ7w { + border-radius: 0 !important; + box-shadow: none !important; + transition: var(--default-time) var(--default-animation) background-color !important; } + .toolbar-2bjZV7 .button-qqmJ7w:hover { + background-color: var(--menu-item-hover); } + .toolbar-2bjZV7 .button-qqmJ7w .icon-KgGMGo { + color: var(--menu-item-text-color) !important; } + .toolbar-2bjZV7 .divider-24xeUg { + border-left-color: var(--card-border-color); } + +/* + * + * CONTEXT/RIGHT CLICK MENU + * + */ +.styleFlexible-wGDiIL { + animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); + transform-origin: top; } + .styleFlexible-wGDiIL .scroller-3BxosC { + padding: 8px 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius); + box-shadow: var(--shadow-3dp); } + .styleFlexible-wGDiIL .scroller-3BxosC::-webkit-scrollbar { + width: 0 !important; } + .styleFlexible-wGDiIL .item-1tOPte { + min-height: 32px; + margin: 0; + padding: 9px 12px; + line-height: 18px; + border-radius: 0; + color: var(--menu-item-text-color) !important; + transition: var(--default-time) var(--default-animation); + /* CONTEXT/RIGHT CLICK MENU -> ICONS */ } + .styleFlexible-wGDiIL .item-1tOPte.focused-3afm-j { + background-color: var(--menu-item-hover); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-edit path { + d: path("M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM5.92 19H5v-.92l9.06-9.06.92.92L5.92 19zM20.71 5.63l-2.34-2.34c-.2-.2-.45-.29-.71-.29s-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-pin path { + d: path("M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-thread path { + d: path("M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-mark-unread path { + d: path("M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-reactions path { + d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-copy-link path { + d: path("M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-2zm-3-4h8v2H8z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-tts path { + d: path("M9 13c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H3zM15.08 7.05c.84 1.18.84 2.71 0 3.89l1.68 1.69c2.02-2.02 2.02-5.07 0-7.27l-1.68 1.69zM20.07 2l-1.63 1.63c2.77 3.02 2.77 7.56 0 10.74L20.07 16c3.9-3.89 3.91-9.95 0-14z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-delete path { + display: block; + d: path("M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-delete path ~ path { + display: none; } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-report path { + d: path("M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4"); } + .styleFlexible-wGDiIL .item-1tOPte#message-actions-copy-id path { + d: path("M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"); } + .styleFlexible-wGDiIL .submenuContainer-2gbm7M .submenuPaddingContainer-fiOCHc { + margin-left: -4px; + margin-right: -4px; + animation: opacity 100ms ease, open-context-menu 300ms var(--default-animation); + transform-origin: top; } + .styleFlexible-wGDiIL .separator-2I32lJ { + width: 100%; + margin: 8px 0; + border-color: var(--separator-color); } + +/* + * + * POPOUT MENUS + * + */ +/* POPOUT MENUS -> SERVER OPTIONS */ +.menu-3sdvDG#guild-header-popout { + padding: 8px 0; + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); + animation: top-pop-out 400ms var(--default-animation); } + .menu-3sdvDG#guild-header-popout .scroller-3BxosC { + padding: 0; } + .menu-3sdvDG#guild-header-popout .scroller-3BxosC::-webkit-scrollbar { + width: 0 !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte { + margin: 0; + padding: 9px 12px; + border-radius: 0; + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation); + /* POPOUT MENUS -> SERVER OPTIONS -> INVITE */ + /* POPOUT MENUS -> SERVER OPTIONS -> SERVER SETTINGS */ + /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CHANNEL */ + /* POPOUT MENUS -> SERVER OPTIONS -> CREATE CATEGORY */ + /* POPOUT MENUS -> SERVER OPTIONS -> NOTIFICATION SETTINGS */ + /* POPOUT MENUS -> SERVER OPTIONS -> PRIVACY SETTINGS */ + /* POPOUT MENUS -> SERVER OPTIONS -> CHANGE NICKNAME */ + /* POPOUT MENUS -> SERVER OPTIONS -> HIDE MUTED CHANNELS */ + /* POPOUT MENUS -> SERVER OPTIONS -> LEAVE SERVER */ } + .menu-3sdvDG#guild-header-popout .item-1tOPte.focused-3afm-j { + background-color: var(--menu-item-hover); } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-invite-people svg path { + d: path("M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0 8c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zm-6 4c.22-.72 3.31-2 6-2 2.7 0 5.8 1.29 6 2H9zm-3-3v-3h3v-2H6V7H4v3H1v2h3v3z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-settings svg path { + d: path("M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-create-channel svg path { + d: path("M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-create-category svg path { + d: path("M14 10H2v2h12v-2zm0-4H2v2h12V6zm4 8v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM2 16h8v-2H2v2z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-notifications svg path { + d: path("M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-privacy svg path { + d: path("M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-change-nickname svg path { + d: path("M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="false"] path { + d: path("M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="true"] .checkbox-3s5GYZ { + d: path("M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z") !important; } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-hide-muted-channels[aria-checked="true"] .check-1JyqgN { + transform: scale(0.7) translate(5px, 4px); } + .menu-3sdvDG#guild-header-popout .item-1tOPte#guild-header-popout-leave svg path { + d: path("M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z") !important; } + .menu-3sdvDG#guild-header-popout .separator-2I32lJ { + width: 100%; + margin: 8px 0; + border-color: var(--separator-color); } + +body:active .menu-3sdvDG#guild-header-popout:not(:active) { + opacity: 0; + transition: 150ms ease all; } + +/* POPOUT MENUS -> INCOMING CALL */ +.wrapper-3lJCnD { + z-index: 99; } + +.root-3JVdIJ { + background-color: var(--popout-color); + border-radius: var(--popout-radius-big); + box-shadow: var(--shadow-3dp); } + .root-3JVdIJ .colorable-1bkp8v { + border-radius: 50% !important; } + .root-3JVdIJ .colorable-1bkp8v.red-33-Lnk.active-1QRrIS, .root-3JVdIJ .colorable-1bkp8v.red-33-Lnk:hover { + background: #f04747 !important; } + .root-3JVdIJ .colorable-1bkp8v.green-plH-Mj.active-1QRrIS, .root-3JVdIJ .colorable-1bkp8v.green-plH-Mj:hover { + background: #43b581 !important; } + +/* + * + * MODALS + * + */ +.root-1gCeng, +.modal-yWgWj- { + background-color: var(--popout-color) !important; + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; + /* MODALS -> HEADER */ + /* MODALS -> BODY */ + /* MODALS -> FOOTER */ } + .root-1gCeng.modal-qgFCbT, + .modal-yWgWj-.modal-qgFCbT { + background-color: transparent !important; + border-radius: 0 !important; + box-shadow: none !important; } + .root-1gCeng.modal-3O0aXp, + .modal-yWgWj-.modal-3O0aXp { + max-height: 90vh; } + .root-1gCeng.small-3iVZYw, + .modal-yWgWj-.small-3iVZYw { + min-height: 75px; } + .root-1gCeng .header-1TKi98, + .modal-yWgWj- .header-1TKi98 { + padding: 16px; + border-radius: var(--popout-radius-big) var(--popout-radius-big) 0 0; + border-bottom: 1px solid var(--popout-header-border); + box-shadow: none !important; } + .root-1gCeng .header-1TKi98.header-3nFfBB, + .modal-yWgWj- .header-1TKi98.header-3nFfBB { + margin-top: 0; + align-items: flex-start; } + .root-1gCeng .header-1TKi98.header-3nFfBB .closeButton-20eBet, + .modal-yWgWj- .header-1TKi98.header-3nFfBB .closeButton-20eBet { + top: auto; } + .root-1gCeng .header-1TKi98 .close-hZ94c6, + .modal-yWgWj- .header-1TKi98 .close-hZ94c6 { + width: 32px; + height: 32px; + right: 12px; + margin: 0; + padding: 0; + background-color: transparent !important; + position: relative; + position: absolute; } + .root-1gCeng .header-1TKi98 .close-hZ94c6:after, + .modal-yWgWj- .header-1TKi98 .close-hZ94c6:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .root-1gCeng .header-1TKi98 .close-hZ94c6:hover:after, + .modal-yWgWj- .header-1TKi98 .close-hZ94c6:hover:after { + opacity: 1; + transform: scale(1.1); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .root-1gCeng .header-1TKi98 .close-hZ94c6:active:after, + .modal-yWgWj- .header-1TKi98 .close-hZ94c6:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + .root-1gCeng .header-1TKi98 .close-hZ94c6 .contents-18-Yxp, + .modal-yWgWj- .header-1TKi98 .close-hZ94c6 .contents-18-Yxp { + height: 24px; } + .root-1gCeng .header-1TKi98 .close-hZ94c6 svg, + .modal-yWgWj- .header-1TKi98 .close-hZ94c6 svg { + transform: scale(0.85); } + .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .art-347BZj, + .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .art-347BZj { + display: none; } + .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5, + .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 { + padding-top: 0; + align-items: stretch; } + .root-1gCeng .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 .headerText-2uyvpY, + .modal-yWgWj- .header-1TKi98.headerContainer-3N-yWX .header-3C6qT5 .headerText-2uyvpY { + line-height: 20px; + font-size: 16px; + font-weight: 600; } + .root-1gCeng .header-3bB_GQ .title-2HFmAi, + .root-1gCeng .header-3bB_GQ .subtitle-8DQCLU, + .modal-yWgWj- .header-3bB_GQ .title-2HFmAi, + .modal-yWgWj- .header-3bB_GQ .subtitle-8DQCLU { + text-align: left; } + .root-1gCeng .content-1LAB8Z, + .modal-yWgWj- .content-1LAB8Z { + padding: 16px; + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); } + .root-1gCeng .content-1LAB8Z .content-38qMG0, + .modal-yWgWj- .content-1LAB8Z .content-38qMG0 { + padding-bottom: 0; } + .root-1gCeng .content-1LAB8Z .formGroup-2hEDrJ, + .modal-yWgWj- .content-1LAB8Z .formGroup-2hEDrJ { + margin-bottom: 16px; } + .root-1gCeng .content-1LAB8Z .formGroup-2hEDrJ:nth-child(2), + .modal-yWgWj- .content-1LAB8Z .formGroup-2hEDrJ:nth-child(2) { + margin-bottom: 0; } + .root-1gCeng .content-1LAB8Z .reset-2ikQ30, + .modal-yWgWj- .content-1LAB8Z .reset-2ikQ30 { + margin-bottom: 0; + background-color: transparent !important; } + .root-1gCeng .content-1LAB8Z a, + .modal-yWgWj- .content-1LAB8Z a { + color: var(--accent-color); } + .root-1gCeng .footer-2gL1pp, + .modal-yWgWj- .footer-2gL1pp { + padding: 8px; + background-color: transparent !important; + border-radius: 0 0 var(--popout-radius-big) var(--popout-radius-big); + border-top: 1px solid var(--popout-header-border); + box-shadow: none !important; } + .root-1gCeng .footer-2gL1pp .button-38aScr.lookLink-9FtZy-, + .modal-yWgWj- .footer-2gL1pp .button-38aScr.lookLink-9FtZy- { + margin-right: 8px; } + +/* + * + * INPUTS + * + */ +.input-cIJ7To { + height: 32px; + padding: 0; + background-color: transparent; + border-radius: 0; + border: none; } + +.inputWrapper-31_8H8, +.note-QfFU8y, +.note-3HfJZ5, +.container-CpszHS { + position: relative; + background-color: transparent !important; + border-radius: 0; + border: none !important; + border-bottom: 1px solid var(--input-border-color) !important; } + .inputWrapper-31_8H8:before, .inputWrapper-31_8H8:after, + .note-QfFU8y:before, + .note-QfFU8y:after, + .note-3HfJZ5:before, + .note-3HfJZ5:after, + .container-CpszHS:before, + .container-CpszHS:after { + position: absolute; + content: " "; + height: 2px; + width: 0; + bottom: -1px; + background: var(--accent-color); + transition: 300ms ease all; + z-index: 2; } + .inputWrapper-31_8H8:before, + .note-QfFU8y:before, + .note-3HfJZ5:before, + .container-CpszHS:before { + left: 50%; } + .inputWrapper-31_8H8:after, + .note-QfFU8y:after, + .note-3HfJZ5:after, + .container-CpszHS:after { + right: 50%; } + .inputWrapper-31_8H8:focus-within:before, .inputWrapper-31_8H8:focus-within:after, + .note-QfFU8y:focus-within:before, + .note-QfFU8y:focus-within:after, + .note-3HfJZ5:focus-within:before, + .note-3HfJZ5:focus-within:after, + .container-CpszHS:focus-within:before, + .container-CpszHS:focus-within:after { + width: 50%; } + +.note-QfFU8y, +.note-3HfJZ5 { + margin: 0; } + .note-QfFU8y textarea, + .note-3HfJZ5 textarea { + font-size: 15px; } + .note-QfFU8y textarea:focus, + .note-3HfJZ5 textarea:focus { + background-color: transparent; } + +.input--jS-j2 { + background-color: transparent; } + +/* + * + * SELECT MENUS + * + */ +[class^="css-"][class*="-control"] { + background-color: var(--input-color); + border-radius: var(--card-radius); + border: none; } +[class^="css-"][class*="-menu"] { + background-color: var(--popout-color); + border-radius: 0 0 var(--popout-radius) var(--popout-radius); + border: none; + box-shadow: var(--shadow-3dp); } + [class^="css-"][class*="-menu"][class*="-menu"] + .css-rzbxvl-option, [class^="css-"][class*="-menu"][class*="-menu"] + .css-pkcurw-option { + background-color: var(--menu-item-hover); } + [class^="css-"][class*="-menu"][class*="-menu"] + .css-1ba14n5-option, [class^="css-"][class*="-menu"][class*="-menu"] + .css-1gxgi19-option { + background-color: var(--menu-item-select); } + +.select-2fjwPw { + border-radius: var(--card-radius); + border: none; } + .select-2fjwPw, .select-2fjwPw.lookFilled-22uAsw { + background-color: var(--input-color); } + +.popout-VcNcHB { + background-color: var(--popout-color); + border-radius: 0 0 var(--popout-radius) var(--popout-radius); + border: none; + box-shadow: var(--shadow-3dp); } + .popout-VcNcHB .option-3KoAJB { + color: var(--menu-item-text-color); + transition: var(--default-time) var(--default-animation) background-color; } + .popout-VcNcHB .option-3KoAJB:hover { + background-color: var(--menu-item-hover); } + .popout-VcNcHB .option-3KoAJB[aria-selected=true] { + background-color: var(--menu-item-select); } + .popout-VcNcHB .option-3KoAJB[aria-selected=true] .selectedIcon-3uS11H { + color: var(--accent-color); } + +/* + * + * RADIO BUTTONS + * + */ +div[role="radiogroup"] { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + div[role="radiogroup"] .item-26Dhrx { + margin: 0; + padding: 4px 16px; + background-color: transparent; + border-radius: 0; + position: relative; + border-bottom: none; } + div[role="radiogroup"] .item-26Dhrx:after { + position: absolute; + content: " "; + width: calc(100% - 48px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + div[role="radiogroup"] .item-26Dhrx:last-of-type:after { + display: none; } + div[role="radiogroup"] .item-26Dhrx:hover, div[role="radiogroup"] .item-26Dhrx[aria-checked=true] { + background-color: transparent; } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- { + position: relative; } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--accent-rgb), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:hover:after { + opacity: 1; + transform: scale(1.2); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:active:after { + background-color: rgba(var(--accent-rgb), 0.2); } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI-:after { + width: 32px; + height: 32px; + left: -4px; } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- path { + fill: var(--accent-color) !important; } + div[role="radiogroup"] .item-26Dhrx[aria-checked=true] .radioIconForeground-XwlXQN { + color: var(--accent-color); } + div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI- { + margin-bottom: 0; + padding: 8px 0 8px 0 !important; + border-left: none; + position: relative; } + div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--md-ripple-color), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:hover:after { + opacity: 1; + transform: scale(1.2); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:active:after { + background-color: rgba(var(--md-ripple-color), 0.2); } + div[role="radiogroup"] .item-26Dhrx .radioBar-bMNUI-:after { + width: 32px; + height: 32px; + top: 0; + left: -4px; + bottom: 0; + margin: auto 0; } + div[role="radiogroup"] .item-26Dhrx.disabled-1FsPTr { + opacity: 1; } + div[role="radiogroup"] .item-26Dhrx.disabled-1FsPTr .radioBar-bMNUI- { + opacity: 0.3; } + div[role="radiogroup"][aria-orientation="horizontal"] { + height: 34px; + border-radius: 17px; + overflow: hidden; } + div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1 { + height: 32px; + background-color: transparent; + cursor: pointer; + transition: var(--default-time) var(--default-animation) background-color; } + div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1:hover { + background-color: var(--menu-item-hover); } + div[role="radiogroup"][aria-orientation="horizontal"] .item-1yAxl1.selected-2YhbGh { + background-color: var(--menu-item-select); } + div[role="radiogroup"] .tooltipWrapper-3VcaN6 { + margin: 0; + position: relative; + border-bottom: none; } + div[role="radiogroup"] .tooltipWrapper-3VcaN6:after { + position: absolute; + content: " "; + width: calc(100% - 48px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + div[role="radiogroup"] .tooltipWrapper-3VcaN6:last-of-type:after { + display: none; } + div[role="radiogroup"] .tooltipWrapper-3VcaN6:last-child { + border-bottom: none; } + +/* + * + * SWITCHES + * + */ +.container-3auIfb { + width: 32px; + height: 14px; + overflow: visible; } + .container-3auIfb[style*="background-color: rgb(67"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(67"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(68"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(68"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(69"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(69"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(70"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(70"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(71"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(71"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(72"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(72"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(73"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(73"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(74"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(74"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(75"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(75"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(76"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(76"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(77"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(77"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(78"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(78"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(79"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(79"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(80"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(80"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(81"] { + background-color: rgba(var(--accent-rgb), 0.3) !important; } + .container-3auIfb[style*="background-color: rgb(81"] .slider-TkfMQL { + background-color: var(--accent-color) !important; } + .container-3auIfb[style*="background-color: rgb(82"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(82"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(83"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(83"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(84"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(84"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(85"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(85"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(86"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(86"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(87"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(87"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(88"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(88"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(89"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(89"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(90"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(90"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(91"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(91"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(92"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(92"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(93"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(93"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(94"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(94"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(95"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(95"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(96"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(96"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(97"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(97"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(98"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(98"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(99"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(99"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(100"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(100"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(101"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(101"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(102"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(102"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(103"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(103"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(104"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(104"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(105"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(105"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(106"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(106"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(107"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(107"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(108"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(108"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(109"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(109"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(110"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(110"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(111"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(111"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(112"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(112"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(113"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(113"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb[style*="background-color: rgb(114"] { + background-color: var(--switch-slider-color) !important; } + .container-3auIfb[style*="background-color: rgb(114"] .slider-TkfMQL { + background-color: var(--switch-knob-color) !important; } + .container-3auIfb .slider-TkfMQL { + width: 20px; + height: 20px; + top: -3px; + margin: 0; + border-radius: 50%; + box-shadow: var(--shadow-1dp); } + .container-3auIfb .slider-TkfMQL rect, + .container-3auIfb .slider-TkfMQL svg { + display: none; } + +.bd-switch { + width: 32px; + height: 14px; + overflow: visible; } + .bd-switch .bd-switch-body { + --switch-color: var(--switch-slider-color); + width: 32px; + height: 14px; + overflow: visible; } + .bd-switch .bd-switch-body .bd-switch-slider { + height: 20px; + top: -3px; + left: -7px; + margin: 0; } + .bd-switch .bd-switch-body .bd-switch-slider .bd-switch-handle { + fill: var(--switch-knob-color); + box-shadow: var(--shadow-1dp); } + .bd-switch .bd-switch-body .bd-switch-slider .bd-switch-symbol { + display: none; } + .bd-switch input:active + .bd-switch-body { + --switch-color: var(--switch-slider-color); } + .bd-switch input:checked + .bd-switch-body { + --switch-color: rgba(var(--accent-rgb),0.3); } + .bd-switch input:checked + .bd-switch-body .bd-switch-slider { + left: 8px; } + .bd-switch input:checked + .bd-switch-body .bd-switch-slider .bd-switch-handle { + fill: var(--accent-color); } + .bd-switch input:checked:active + .bd-switch-body { + --switch-color: rgba(var(--accent-rgb),0.3); } + +/* + * + * CHECKBOXES + * + */ +.checkbox-1ix_J3 { + border-width: 2px; + transition: var(--default-time) var(--default-animation) border-color, var(--default-time) var(--default-animation) background-color; } + .checkbox-1ix_J3.box-mmYMsp { + border-radius: 4px; } + .checkbox-1ix_J3:not(.checked-3_4uQ9) path { + transition: var(--default-time) var(--default-animation) fill; } + .checkbox-1ix_J3.checked-3_4uQ9 { + background-color: var(--accent-color) !important; + border-color: var(--accent-color) !important; } + .checkbox-1ix_J3.checked-3_4uQ9 path { + fill: var(--accent-text-color); + transition: var(--default-time) var(--default-animation) fill; } + +/* + * + * SLIDER BARS + * + */ +.slider-1PF9SW .bar-2Qqk5Z { + height: 4px; + background-color: rgba(var(--accent-rgb), 0.3) !important; + border-radius: 2px; } + .slider-1PF9SW .bar-2Qqk5Z .barFill-23-gu- { + background-color: var(--accent-color) !important; } +.slider-1PF9SW .track-11EASc .grabber-3mFHz2 { + width: 16px; + height: 16px; + top: calc(50% + 3px); + background-color: var(--accent-color); + border-radius: 50%; + border: none; + box-shadow: var(--shadow-1dp); + transition: var(--default-time) var(--default-animation) box-shadow; + position: relative; } + .slider-1PF9SW .track-11EASc .grabber-3mFHz2:after { + content: " "; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: rgba(var(--accent-rgb), 0.1); + border-radius: 50%; + opacity: 0; + pointer-events: none; + transform: scale(1.2); + transition: 300ms ease; + z-index: 4; } + .slider-1PF9SW .track-11EASc .grabber-3mFHz2:hover:after { + opacity: 1; + transform: scale(2.5); + animation: scale 150ms var(--default-animation), opacity 150ms ease; } + .slider-1PF9SW .track-11EASc .grabber-3mFHz2:active:after { + background-color: rgba(var(--accent-rgb), 0.2); } + .slider-1PF9SW .track-11EASc .grabber-3mFHz2:hover { + box-shadow: var(--shadow-2dp); } + .slider-1PF9SW .track-11EASc .grabber-3mFHz2:active { + box-shadow: var(--shadow-3dp); } +.slider-1PF9SW.slider-2zxowp .track-11EASc .grabber-3mFHz2 { + top: calc(50% - 2px); } + +.wrapper-3Z-vWm { + height: 4px; + border-radius: 2px; + overflow: hidden; } + .wrapper-3Z-vWm .container-3PXSwK { + width: 100% !important; } + .wrapper-3Z-vWm .container-3PXSwK[style*='background: linear-gradient(to right, rgb(251, 184, 72), rgb(67, 181, 129));'] { + background: var(--success-color) !important; } + .wrapper-3Z-vWm .progress-1IcQ3A { + background-color: var(--slider-color); } + .wrapper-3Z-vWm .notches-1sAcEM { + display: none; } + +/* + * + * CARDS + * + */ +.card-3Qj_Yx { + background-color: var(--card-color); + border-radius: var(--card-radius-big); + border: 1px solid var(--card-border-color); } + .card-3Qj_Yx a { + color: var(--accent-color); } + +/* CARDS -> HEADER */ +.formNoticeTitle-2KGjDe.colorStandard-2KCXvj, +.labelBold-1PKEeD.colorStandard-2KCXvj { + font-size: 1em; + font-weight: 500; + color: var(--card-header-text-color); + text-transform: none; + opacity: 1; } + +.h4-AQvcAz, +.h5-18_1nd { + text-transform: none; } + +.h5-18_1nd { + font-size: 14px; } + +/* + * + * BUTTONS + * + */ +.button-38aScr.lookFilled-1Gx00P, .button-38aScr.lookOutlined-3sRXeN, .button-38aScr.lookInverted-2D7oAl { + border-radius: var(--button-radius); + border: none; + font-size: 1em; } + .button-38aScr.lookFilled-1Gx00P:not([disabled]), .button-38aScr.lookOutlined-3sRXeN:not([disabled]), .button-38aScr.lookInverted-2D7oAl:not([disabled]) { + box-shadow: var(--shadow-1dp); + transition: var(--default-time) var(--default-animation) box-shadow; } + .button-38aScr.lookFilled-1Gx00P:not([disabled]):hover, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):hover, .button-38aScr.lookInverted-2D7oAl:not([disabled]):hover { + box-shadow: var(--shadow-2dp); } + .button-38aScr.lookFilled-1Gx00P:not([disabled]):active, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):active, .button-38aScr.lookInverted-2D7oAl:not([disabled]):active { + box-shadow: var(--shadow-3dp); } + .button-38aScr.lookFilled-1Gx00P:not([disabled]):after, .button-38aScr.lookOutlined-3sRXeN:not([disabled]):after, .button-38aScr.lookInverted-2D7oAl:not([disabled]):after { + position: absolute; + content: " "; + width: 100%; + height: 100%; + top: 0; + left: 0; + border-radius: var(--button-radius); + opacity: 0; + pointer-events: none; + transition: var(--default-time) var(--default-animation) opacity; } + .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY { + background-color: var(--accent-color); + color: var(--accent-text-color); } + .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:after { + background-color: var(--accent-button-action); } + .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:hover, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:hover, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:hover, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:hover, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:hover, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:hover, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:hover, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:hover, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:hover { + background-color: var(--accent-color); } + .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:hover:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:hover:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:hover:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:hover:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:hover:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:hover:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:hover:after { + opacity: var(--accent-button-action-hover); } + .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:active, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:active, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:active, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:active, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:active, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:active, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:active, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:active, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:active, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:active, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:active, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:active, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:active { + background-color: var(--accent-color); } + .button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91:active:after, .button-38aScr.lookFilled-1Gx00P.colorPrimary-3b3xI6:active:after, .button-38aScr.lookFilled-1Gx00P.colorGrey-2DXtkV:active:after, .button-38aScr.lookFilled-1Gx00P.colorWhite-rEQuAQ:active:after, .button-38aScr.lookFilled-1Gx00P.colorGreen-29iAKY:active:after, .button-38aScr.lookOutlined-3sRXeN.colorBrand-3pXr91:active:after, .button-38aScr.lookOutlined-3sRXeN.colorPrimary-3b3xI6:active:after, .button-38aScr.lookOutlined-3sRXeN.colorGrey-2DXtkV:active:after, .button-38aScr.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active:after, .button-38aScr.lookOutlined-3sRXeN.colorGreen-29iAKY:active:after, .button-38aScr.lookInverted-2D7oAl.colorBrand-3pXr91:active:after, .button-38aScr.lookInverted-2D7oAl.colorPrimary-3b3xI6:active:after, .button-38aScr.lookInverted-2D7oAl.colorGrey-2DXtkV:active:after, .button-38aScr.lookInverted-2D7oAl.colorWhite-rEQuAQ:active:after, .button-38aScr.lookInverted-2D7oAl.colorGreen-29iAKY:active:after { + opacity: var(--accent-button-action-active); } + .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan { + background-color: var(--alert-color); + color: var(--alert-text-color); + border: none; } + .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:after { + background-color: var(--alert-button-action); } + .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:hover:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:hover:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:hover:after { + opacity: var(--alert-button-action-hover); } + .button-38aScr.lookFilled-1Gx00P.colorRed-1TFJan:active:after, .button-38aScr.lookOutlined-3sRXeN.colorRed-1TFJan:active:after, .button-38aScr.lookInverted-2D7oAl.colorRed-1TFJan:active:after { + opacity: var(--alert-button-action-active); } +.button-38aScr.lookLink-9FtZy-, .button-38aScr.lookBlank-3eh9lL { + border-radius: var(--button-radius); + font-size: 1em; } + .button-38aScr.lookLink-9FtZy-:not([disabled]), .button-38aScr.lookBlank-3eh9lL:not([disabled]) { + color: var(--button-link-text-color); + transition: var(--default-time) var(--default-animation) background-color; } + .button-38aScr.lookLink-9FtZy-:not([disabled]):hover, .button-38aScr.lookBlank-3eh9lL:not([disabled]):hover { + background-color: rgba(var(--button-link-color), 0.075); + text-decoration: none; } + .button-38aScr.lookLink-9FtZy-:not([disabled]):hover .contents-18-Yxp, .button-38aScr.lookBlank-3eh9lL:not([disabled]):hover .contents-18-Yxp { + background-image: none; } + .button-38aScr.lookLink-9FtZy-:not([disabled]):active, .button-38aScr.lookBlank-3eh9lL:not([disabled]):active { + background-color: rgba(var(--button-link-color), 0.125); } +.button-38aScr.lookInverted-2D7oAl { + border-radius: var(--button-radius); + font-size: 0.9em; } + .button-38aScr.lookInverted-2D7oAl:not([disabled]) { + box-shadow: var(--shadow-1dp); + transition: var(--default-time) var(--default-animation) box-shadow; } + .button-38aScr.lookInverted-2D7oAl:not([disabled]):hover { + box-shadow: var(--shadow-2dp); } + .button-38aScr.lookInverted-2D7oAl:not([disabled]):active { + box-shadow: var(--shadow-3dp); } + .button-38aScr.lookInverted-2D7oAl:not([disabled]).colorBrand-3pXr91 { + background-color: var(--accent-color); + color: var(--accent-text-color); } +.button-38aScr.sizeMin-1mJd1x, .button-38aScr.sizeSmall-2cSMqn, .button-38aScr.sizeMedium-1AC_Sl, .button-38aScr.sizeLarge-1vSeWK, .button-38aScr.sizeXlarge-2yFAlZ, .button-38aScr.buttonSize-AQY2mE, .button-38aScr.buttonSize-DbrWhv { + min-width: 36px; + height: 36px; + min-height: 36px; + padding: 0 16px; + border-radius: var(--button-radius); } +.button-38aScr.backButton-iA7KIs { + margin-right: 0; } + +.disabledButtonWrapper-3wH6-b .button-38aScr { + background-color: rgba(var(--button-link-color), 0.15); + box-shadow: none; } + +/* + * + * TOOLTIPS + * + */ +.tooltip-2QfLtc { + padding: 8px; + background-color: rgba(97, 97, 97, 0.9) !important; + border-radius: var(--card-radius); + box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) !important; + font-size: 12px; + font-weight: 500; } + .tooltip-2QfLtc { + z-index: 99999999999999; + animation: opacity var(--default-time) ease; } + .tooltip-2QfLtc .tooltipPointer-3ZfirK { + display: none; } + .tooltip-2QfLtc .tooltipContent-bqVLWK, + .tooltip-2QfLtc .guildNameText-3Zwx4p { + padding: 0; + font-size: 12px; + color: #ddd; } + .tooltip-2QfLtc .activityIcon-E-aeJm path[d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"] { + d: path("M3 9v6h4l5 5V4L7 9H3zm7-.17v6.34L7.83 13H5v-2h2.83L10 8.83zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77z"); } + +/* + * + * TOASTS + * + */ +.toast, +.bd-toast { + padding: 12px 16px; + background-color: rgba(70, 70, 70, 0.8); + border-radius: 20px; + box-shadow: none; + font-size: 1em; + font-weight: 400; + color: #fff; } + +/* + * + * VERIFIED/PARTNER ICONS + * + */ +.flowerStarContainer-3zDVtj.verified-1eC5dy, .flowerStarContainer-3zDVtj.partnered-3nJayh { + color: var(--accent-color); } + .flowerStarContainer-3zDVtj.verified-1eC5dy .icon-1ihkOt, .flowerStarContainer-3zDVtj.partnered-3nJayh .icon-1ihkOt { + color: var(--accent-text-color); } +.flowerStarContainer-3zDVtj .flowerStar-1GeTsn path { + fill: var(--accent-color); } +.flowerStarContainer-3zDVtj .childContainer-1wxZNh path { + fill: var(--accent-text-color); } + +/* + * + * SUPPORTED PLUGINS + * + */ +/* SUPPORTED PLUGINS -> BetterFormattingRedux */ +.bf-toolbar { + z-index: 2; } + +/* SUPPORTED PLUGINS -> CharCounter */ +.charCounterAdded-zz9O4t .channelTextArea-rNsIhG { + margin-bottom: 0; } + .charCounterAdded-zz9O4t .channelTextArea-rNsIhG .scrollableContainer-2NUZem { + border-radius: var(--main-textarea-radius) var(--main-textarea-radius) 0 0; } + .charCounterAdded-zz9O4t .channelTextArea-rNsIhG .scrollableContainer-2NUZem.hasReply-16cIUP { + border-radius: 0; } + +.counter-uAzbKp { + height: var(--main-textarea-radius); + padding: 0 12px; + line-height: var(--main-textarea-radius); + background-color: var(--main-textarea-color); + border-radius: 0 0 var(--main-textarea-radius) var(--main-textarea-radius); + border: 1px solid var(--main-textarea-border); + border-top: none; + box-sizing: border-box; + text-align: right; + font-weight: 500; } + .counter-uAzbKp.chatCounter-XOMPsh { + position: relative; + bottom: auto; + margin-bottom: 12px; } + +/* SUPPORTED PLUGINS -> HideChannels */ +.sidebar-2K8pFh.hideElement .container-3baos1 { + background-color: var(--chat-color) !important; } +.sidebar-2K8pFh.hideElement + .chat-3bRxxu .typing-2GQL18 { + width: calc(100% + 240px); + left: -240px; } + +/* SUPPORTED PLUGINS -> MemberCounter */ +#MemberCount { + background-color: var(--main-color) !important; } + +/* SUPPORTED PLUGINS -> PermissionsViewer */ +#permissions-modal-wrapper #permissions-modal { + border-radius: var(--popout-radius-big) !important; + box-shadow: var(--shadow-3dp) !important; + border: none !important; } +#permissions-modal-wrapper .header { + background-color: var(--popout-color) !important; + padding: 16px !important; + box-shadow: none !important; + border-bottom: 1px solid var(--popout-header-border); + line-height: 20px !important; + font-size: 16px !important; + font-weight: 600 !important; + color: var(--header-primary) !important; } +#permissions-modal-wrapper .modal-body { + background-color: var(--popout-color) !important; } +#permissions-modal-wrapper .role-side { + padding: 0 0 16px 16px !important; + background-color: transparent !important; + border-right: 1px solid var(--popout-header-border); } +#permissions-modal-wrapper .perm-side { + padding: 0 0 16px 16px !important; + background-color: transparent !important; } +#permissions-modal-wrapper .role-item { + margin-bottom: 2px !important; + border-radius: 14px !important; } + #permissions-modal-wrapper .role-item:hover { + background-color: var(--menu-item-hover) !important; } + #permissions-modal-wrapper .role-item.selected { + background-color: var(--menu-item-select) !important; } +#permissions-modal-wrapper .perm-item { + position: relative; + border-bottom: none; + box-shadow: none !important; } + #permissions-modal-wrapper .perm-item:after { + position: absolute; + content: " "; + width: calc(100% - 34px); + height: 1px; + right: 0; + bottom: 0; + background-color: var(--card-border-color); } + #permissions-modal-wrapper .perm-item:last-of-type:after { + display: none; } + +/* SUPPORTED PLUGINS -> PersonalPins */ +.themedPopout-1TrfdI .header-2-Imhb { + padding-bottom: 0 !important; } +.themedPopout-1TrfdI .title-3pkaKd { + margin-top: 16px; + line-height: 36px; + font-weight: 500; + font-size: 16px; } +.themedPopout-1TrfdI .container-cMG81i { + margin-top: 16px; } +.themedPopout-1TrfdI .tab-ck0077 { + height: 32px; + margin-right: 16px; + padding: 0; } + .themedPopout-1TrfdI .tab-ck0077:first-child { + margin-right: 16px; } +.themedPopout-1TrfdI .quickSelectWrapper-UCfTKz { + margin-right: 16px; + font-weight: 500; } + +/* + * + * ANIMATIONS + * + */ +@keyframes top-pop-out { + from { + transform: translate(0, -20px); + opacity: 0; } } +@keyframes bottom-pop-out { + from { + transform: translate(0, 20px); + opacity: 0; } } +@keyframes show-user-status-right { + from { + transform: translateX(-3%) translateY(0%) translateZ(0px); + opacity: 0; } } +@keyframes show-user-status-left { + from { + transform: translateX(3%) translateY(0%) translateZ(0px); + opacity: 0; } } +@keyframes show-status { + from { + transform: translateY(100%) translateX(0%) translateZ(0px); } } +@keyframes status { + from { + transform: scale(0); + opacity: 0; } } +@keyframes opacity { + from { + opacity: 0; } } +@keyframes open-context-menu { + from { + transform: scale(1, 0.5); } } +@keyframes scale { + from { + transform: scale(0); } } +@keyframes streaming-flash { + 0% { + box-shadow: 0 0 0 0px rgba(var(--stream-flash), 0.4); } + 50% { + box-shadow: 0 0 0 4px rgba(var(--stream-flash), 0.65); } + 100% { + box-shadow: 0 0 0 8px rgba(var(--stream-flash), 0); } } +@keyframes audio-flash { + 0% { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 0px rgba(var(--accent-rgb), 0.4); } + 50% { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 6px rgba(var(--accent-rgb), 0.65); } + 100% { + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(var(--accent-rgb), 0); } } +@keyframes shadowPulse-AwLIHr { + 0% { + box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.3); } + 50% { + box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.6); } + to { + box-shadow: 0 0 6px rgba(var(--accent-rgb), 0.3); } } +/* + * + * SCROLLBARS + * + */ +::-webkit-scrollbar { + width: 10px !important; + height: 10px !important; } + ::-webkit-scrollbar-track { + margin: 0 !important; + background: transparent !important; + border-radius: 0 !important; } + ::-webkit-scrollbar-track-piece { + border: 0 solid transparent !important; + background-color: transparent !important; + margin: 0; } + ::-webkit-scrollbar-thumb { + display: initial; + background-color: rgba(var(--scrollbar-color), 0.15) !important; + border: 0 solid transparent !important; + border-radius: 0 !important; } + ::-webkit-scrollbar-thumb:hover { + background-color: rgba(var(--scrollbar-color), 0.25) !important; } + ::-webkit-scrollbar-thumb:active { + background-color: rgba(var(--scrollbar-color), 0.3) !important; } + +.wrapper-3NnKdC [class*="scroller"]::-webkit-scrollbar { + width: 0px !important; } + +/* + * + * FONTS + * + */ +/* FONTS -> GOOGLE SANS */ +/* FONTS -> GOOGLE SANS -> 400 */ +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-cyrillic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latinext.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local("Google Sans Regular"), local("GoogleSans-Regular"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Regular-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +/* FONTS -> GOOGLE SANS -> 500 */ +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-cyrillic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latinext.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium"), local("GoogleSans-Medium"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Medium-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +/* FONTS -> GOOGLE SANS -> 700 */ +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-cyrillic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latinext.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } +@font-face { + font-family: 'Google Sans'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold"), local("GoogleSans-Bold"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-Bold-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +/* FONTS -> GOOGLE SANS -> ITALIC */ +/* FONTS -> GOOGLE SANS -> ITALIC -> 400 */ +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-cyrillic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latinext.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: local("Google Sans Italic"), local("GoogleSans-Italic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-RegularItalic-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +/* FONTS -> GOOGLE SANS -> ITALIC -> 500 */ +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-cyrillic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latinext.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: local("Google Sans Medium Italic"), local("GoogleSans-MediumItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-MediumItalic-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } +/* FONTS -> GOOGLE SANS -> ITALIC -> 700 */ +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-cyrillic.woff2) format("woff2"); + unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-greek.woff2) format("woff2"); + unicode-range: U+0370-03FF; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latinext.woff2) format("woff2"); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } +@font-face { + font-family: 'Google Sans'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: local("Google Sans Bold Italic"), local("GoogleSans-BoldItalic"), url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/files/fonts/GoogleSans-BoldItalic-latin.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } diff --git a/.config/X11/xinitrc b/.config/X11/xinitrc index 16e8f396..d86aecaa 100755 --- a/.config/X11/xinitrc +++ b/.config/X11/xinitrc @@ -13,6 +13,7 @@ export XSESSION_PID="$$" source ~/.config/config.env + pactl upload-sample /usr/share/sounds/freedesktop/stereo/bell.oga x11-bell pactl load-module module-x11-bell sample=x11-bell display=$DISPLAY xset b 100 diff --git a/.config/doom/config.el b/.config/doom/config.el new file mode 100644 index 00000000..08bbaa43 --- /dev/null +++ b/.config/doom/config.el @@ -0,0 +1,160 @@ +;;; $DOOMDIR/config.el -*- lexical-binding: t; -*- + +;; Place your private configuration here! Remember, you do not need to run 'doom +;; sync' after modifying this file! + + +;; Some functionality uses this to identify you, e.g. GPG configuration, email +;; clients, file templates and snippets. +(setq user-full-name "Yigit Colakoglu" + user-mail-address "yigit@yigitcolakoglu.com") + +(add-to-list 'default-frame-alist + '(ns-transparent-titlebar . t)) +(add-to-list 'default-frame-alist + '(ns-appearance . light)) + +(global-auto-revert-mode t) + +(add-hook! 'org-mode-hook (company-mode -1)) +(add-hook! 'org-capture-mode-hook (company-mode -1)) + +(setq baby-blue '("#d2ecff" "#d2ecff" "brightblue")) + + +(setq + doom-theme 'doom-challenger-deep + doom-font (font-spec :family "CaskaydiaCove Nerd Font Mono" :size 16 :weight 'regular) + default-directory "~" + dart-format-on-save t + web-mode-markup-indent-offset 2 + web-mode-code-indent-offset 2 + web-mode-css-indent-offset 2 + mac-command-modifier 'meta + js-indent-level 2 + typescript-indent-level 2 + json-reformat:indent-width 2 + prettier-js-args '("--single-quote") + projectile-project-search-path '("~/Projects/") + dired-dwim-target t + org-ellipsis " ▾ " + org-bullets-bullet-list '("¡") + org-tags-column -80 + org-agenda-files (ignore-errors (directory-files +org-dir t "\\.org$" t)) + org-log-done 'time + css-indent-offset 2 + org-refile-targets (quote ((nil :maxlevel . 1))) + org-capture-templates '(("x" "Note" entry + (file+olp+datetree "journal.org") + "**** [ ] %U %?" :prepend t :kill-buffer t) + ("t" "Task" entry + (file+headline "tasks.org" "Inbox") + "* [ ] %?\n%i" :prepend t :kill-buffer t)) + +doom-dashboard-banner-file (expand-file-name "logo.png" doom-private-dir) + +org-capture-todo-file "tasks.org" + org-super-agenda-groups '((:name "Today" + :time-grid t + :scheduled today) + (:name "Due today" + :deadline today) + (:name "Important" + :priority "A") + (:name "Overdue" + :deadline past) + (:name "Due soon" + :deadline future) + (:name "Big Outcomes" + :tag "bo"))) + +(add-hook! reason-mode + (add-hook 'before-save-hook #'refmt-before-save nil t)) + +(add-hook! + js2-mode 'prettier-js-mode + (add-hook 'before-save-hook #'refmt-before-save nil t)) + +(defun insert-current-date () (interactive) + (insert (shell-command-to-string "echo -n $(date +%Y-%m-%d)"))) + +(map! :ne "M-/" #'comment-or-uncomment-region) +(map! :ne "SPC / r" #'deadgrep) +(map! :ne "SPC n b" #'org-brain-visualize) +(map! :ne "SPC i d" #'insert-current-date) + +;; (def-package! parinfer ; to configure it +;; :bind (("C-," . parinfer-toggle-mode) +;; ("" . parinfer-smart-tab:dwim-right) +;; ("S-" . parinfer-smart-tab:dwim-left)) +;; :hook ((clojure-mode emacs-lisp-mode common-lisp-mode lisp-mode) . parinfer-mode) +;; :config (setq parinfer-extensions '(defaults pretty-parens evil paredit))) + +(after! org + (set-face-attribute 'org-link nil + :weight 'normal + :background nil) + (set-face-attribute 'org-code nil + :foreground "#a9a1e1" + :background nil) + (set-face-attribute 'org-date nil + :foreground "#5B6268" + :background nil) + (set-face-attribute 'org-level-1 nil + :foreground "steelblue2" + :background nil + :height 1.2 + :weight 'normal) + (set-face-attribute 'org-level-2 nil + :foreground "slategray2" + :background nil + :height 1.0 + :weight 'normal) + (set-face-attribute 'org-level-3 nil + :foreground "SkyBlue2" + :background nil + :height 1.0 + :weight 'normal) + (set-face-attribute 'org-level-4 nil + :foreground "DodgerBlue2" + :background nil + :height 1.0 + :weight 'normal) + (set-face-attribute 'org-level-5 nil + :weight 'normal) + (set-face-attribute 'org-level-6 nil + :weight 'normal) + (set-face-attribute 'org-document-title nil + :foreground "SlateGray1" + :background nil + :height 1.75 + :weight 'bold) + (setq org-fancy-priorities-list '("⚡" "âŦ†" "âŦ‡" "☕"))) + +(after! web-mode + (add-to-list 'auto-mode-alist '("\\.njk\\'" . web-mode))) + +(defun +data-hideshow-forward-sexp (arg) + (let ((start (current-indentation))) + (forward-line) + (unless (= start (current-indentation)) + (require 'evil-indent-plus) + (let ((range (evil-indent-plus--same-indent-range))) + (goto-char (cadr range)) + (end-of-line))))) + +(add-to-list 'hs-special-modes-alist '(yaml-mode "\\s-*\\_<\\(?:[^:]+\\)\\_>" "" "#" +data-hideshow-forward-sexp nil)) + +(setq org-directory "~/Documents/org/") + +(setq +magit-hub-features t) + +(set-popup-rule! "^\\*Org Agenda" :side 'bottom :size 0.90 :select t :ttl nil) +(set-popup-rule! "^CAPTURE.*\\.org$" :side 'bottom :size 0.90 :select t :ttl nil) +(set-popup-rule! "^\\*org-brain" :side 'right :size 1.00 :select t :ttl nil) + +(defun my-open-calendar () + (interactive) + (cfw:open-calendar-buffer + :contents-sources + (list + (cfw:org-create-source "Green") ; org-agenda source + ))) diff --git a/.config/doom/init.el b/.config/doom/init.el new file mode 100644 index 00000000..cda920aa --- /dev/null +++ b/.config/doom/init.el @@ -0,0 +1,136 @@ +;;; init.el -*- lexical-binding: t; -*- +;; Copy me to ~/.doom.d/init.el or ~/.config/doom/init.el, then edit me! + + +(doom! :feature + ;debugger ; FIXME stepping through code, to help you add bugs + + :completion + (company ; the ultimate code completion backend + +tng + +auto ; as-you-type code completion + +childframe) ; a nicer company UI. Emacs +26 only! + (ivy + +fuzzy); a search engine for love and life + + :ui + deft + workspaces ; tab emulation, persistence & separate workspaces + doom ; what makes DOOM look the way it does + doom-dashboard ; a nifty splash screen for Emacs + modeline ; a snazzy Atom-inspired mode-line + doom-quit ; DOOM quit-message prompts when you quit Emacs + ophints ; display visual hints when editing in evil + hl-todo ; highlight TODO/FIXME/NOTE tags + nav-flash ; blink the current line after jumping + treemacs ; a project drawer, like neotree but cooler + (popup ; tame sudden yet inevitable temporary windows + +all ; catch all popups that start with an asterix + +defaults) ; default popup rules + vc-gutter ; vcs diff in the fringe + vi-tilde-fringe ; fringe tildes to mark beyond EOB + window-select ; visually switch windows + + :emacs + (dired + +icons); making dired pretty [functional] + electric ; smarter, keyword-based electric-indent + vc ; version-control and Emacs, sitting in a tree + + :term + eshell ; a consistent, cross-platform shell (WIP) + vterm + + + :editor + (evil +everywhere); come to the dark side, we have cookies + file-templates ; auto-snippets for empty files + fold + multiple-cursors ; editing in many places at once + snippets ; my elves. They type so I don't have to + ;;parinfer ; turn lisp into python, sort of + rotate-text ; cycle region at point between text candidates + + :tools + eval ; run code, run (also, repls) + gist ; interacting with github gists + (lookup ; helps you navigate your code and documentation + +devdocs ; ...on devdocs.io online + +docsets) ; ...or in Dash docsets locally + ;macos ; MacOS-specific commands + make ; run make tasks from Emacs + magit ; + pass ; password manager for nerds + ;pdf ; pdf enhancements + ;rgb ; creating color strings + tmux ; an API for interacting with tmux + upload ; map local to remote projects via ssh/ftp + flycheck + flyspell + + :lang + assembly ; assembly for fun or debugging + cc ; C/C++/Obj-C madness + ;; crystal ; ruby at the speed of c + ;; clojure ; java with a lisp + ;; csharp ; unity, .NET, and mono shenanigans + common-lisp + data ; config/data formats + ;erlang ; an elegant language for a more civilized age + ;; elixir ; erlang done right + ;; elm ; care for a cup of TEA? + emacs-lisp ; drown in parentheses + ;;ess ; emacs speaks statistics + go ; the hipster dialect + ;; (haskell +intero) ; a language that's lazier than I am + ;; hy ; readability of scheme w/ speed of python + (java +meghanada) ; the poster child for carpal tunnel syndrome + javascript ; all(hope(abandon(ye(who(enter(here)))))) + ;; julia ; a better, faster MATLAB + latex ; writing papers in Emacs has never been so fun + ;; ledger ; an accounting system in Emacs + ;; lua ; one-based indices? one-based indices + markdown ; writing docs for people to ignore + ;; nix ; I hereby declare "nix geht mehr!" + ;; ocaml ; an objective camel + (org ; organize your plain life in plain text + +attach ; custom attachment system + +babel ; running code in org + +hugo + +capture ; org-capture in and outside of Emacs + +export ; Exporting org to whatever you want + +present) ; Emacs for presentations + ;; +publish ; Emacs+Org as a static site generator + + ;; perl ; write code no one else can comprehend + php ; perl's insecure younger brother + ;; plantuml ; diagrams for confusing people more + ;; purescript ; javascript, but functional + (python +lsp +pyright) ; beautiful is better than ugly + rest ; Emacs as a REST client + ;; ruby ; 1.step do {|i| p "Ruby is #{i.even? ? 'love' : 'life'}"} + ;; rust ; Fe2O3.unwrap().unwrap().unwrap().unwrap() + ;; scala ; java, but good + sh ; she sells (ba|z)sh shells on the C xor + ;; swift ; who asked for emoji variables? + web ; the tubes + + ;; Applications are complex and opinionated modules that transform Emacs + ;; toward a specific purpose. They may have additional dependencies and + ;; should be loaded late. + :app + (:if (executable-find "mu") (mu4e +org +gmail)) + ;;notmuch + ;;(wanderlust +gmail) + calendar ; A dated approach to timetabling + ;;emms ; Multimedia in Emacs is music to my ears + everywhere ; *leave* Emacs!? You must be joking. + irc ; how neckbeards socialize + (rss +org) ; emacs as an RSS reader + ;;twitter ; twitter client https://twitter.com/vnought + :config + ;; The default module set reasonable defaults for Emacs. It also provides + ;; a Spacemacs-inspired keybinding scheme, a custom yasnippet library, + ;; and additional ex commands for evil-mode. Use it as a reference for + ;; your own modules. + (default +bindings +snippets +evil-commands)) diff --git a/.config/doom/logo.png b/.config/doom/logo.png new file mode 100644 index 00000000..d3216cd6 Binary files /dev/null and b/.config/doom/logo.png differ diff --git a/.config/doom/packages.el b/.config/doom/packages.el new file mode 100644 index 00000000..167e99d7 --- /dev/null +++ b/.config/doom/packages.el @@ -0,0 +1,12 @@ +;;; -*- lexical-binding: t; -*- +;;; -*- no-byte-compile: t; -*- + +(package! reason-mode) +(package! prettier-js) +(package! org-fancy-priorities) +(package! move-text) +(package! vue-mode) +(package! org-super-agenda) +(package! deadgrep) +(package! sql-indent) +(package! org-brain) diff --git a/.config/doom/themes/doom-material-ocean-theme.el b/.config/doom/themes/doom-material-ocean-theme.el new file mode 100644 index 00000000..43e2dd0f --- /dev/null +++ b/.config/doom/themes/doom-material-ocean-theme.el @@ -0,0 +1,156 @@ +;;; doom-material-theme.el --- inspired by Material Theme by equinusocio -*- no-byte-compile: t; -*- +(require 'doom-themes) + +;; +(defgroup doom-material-ocean-theme nil + "Options for doom-themes" + :group 'doom-themes) + +(defcustom doom-material-ocean-padded-modeline doom-themes-padded-modeline + "If non-nil, adds a 4px padding to the mode-line. +Can be an integer to determine the exact padding." + :group 'doom-material-ocean-theme + :type '(choice integer boolean)) + +;; +(def-doom-theme doom-material-ocean + "A dark theme inspired by Material Theme by equinusocio" + + ;; name default 256 16 + ((bg '("#0F111A" nil nil)) + (bg-alt '("#00010A" nil nil)) + (base0 '("#171F24" "black" "black")) + (base1 '("#1C262B" "#262626" "brightblack")) + (base2 '("#222D32" "#303030" "brightblack")) + (base3 '("#171F24" "#3a3a3a" "brightblack")) + (base4 '("#314048" "#444444" "brightblack")) + (base5 '("#37474F" "#585858" "brightblack")) + (base6 '("#556369" "#626262" "brightblack")) + (base7 '("#737E84" "#767676" "brightblack")) + (base8 '("#9BA3A7" "#a8a8a8" "white")) + (fg '("#E5E9F0" "#e4e4e4" "brightwhite")) + (fg-alt '("#BFC7D5" "#bcbcbc" "white")) + + (grey base5) + + (red '("#BF616A" "#ff0000" "red")) + (orange '("#f78c6c" "#ff5f00" "brightred")) + (green '("#A3BE8C" "#afff00" "green")) + (teal '("#44b9b1" "#00d7af" "brightgreen")) + (yellow '("#EBCB8B" "#ffd700" "brightyellow")) + (blue '("#88C0D0" "#5fafff" "brightblue")) + (dark-blue '("#81A1C1" "#d7ffff" "blue")) + (magenta '("#A48EAD" "#d787d7" "brightmagenta")) + (violet '("#bb80b3" "#d787af" "magenta")) + (cyan '("#89DDFF" "#5fd7ff" "brightcyan")) + (dark-cyan '("#80cbc4" "#00d7af" "cyan")) + + ;; face categories -- required for all themes + (highlight magenta) + (vertical-bar base2) + (selection base4) + (builtin blue) + (comments base6) + (doc-comments base6) + (constants orange) + (functions blue) + (keywords cyan) + (methods blue) + (operators cyan) + (type magenta) + (strings green) + (variables yellow) + (numbers orange) + (region base3) + (error red) + (warning yellow) + (success green) + (vc-modified blue) + (vc-added green) + (vc-deleted red) + + ;; custom categories + (modeline-bg base2) + (modeline-bg-alt (doom-darken bg 0.01)) + (modeline-fg base8) + (modeline-fg-alt comments) + + (-modeline-pad + (when doom-material-ocean-padded-modeline + (if (integerp doom-material-ocean-padded-modeline) doom-material-ocean-padded-modeline 4)))) + + ;; --- base faces ------------------------ + (((lazy-highlight &override) :background base4 :foreground fg :distant-foreground fg :bold bold) + (doom-modeline-buffer-path :foreground green :weight 'bold) + (doom-modeline-buffer-major-mode :inherit 'doom-modeline-buffer-path) + + ;; highlight-thing highlight-symbol + (highlight-symbol-face :background region :distant-foreground fg-alt) + + ;; highlight-thing + (highlight-thing :background region :distant-foreground fg-alt) + + (mode-line + :background modeline-bg :foreground modeline-fg + :box (if -modeline-pad `(:line-width ,-modeline-pad :color ,modeline-bg))) + (mode-line-inactive + :background modeline-bg-alt :foreground modeline-fg-alt + :box (if -modeline-pad `(:line-width ,-modeline-pad :color ,modeline-bg-alt))) + + (fringe :background base2) + + ;; --- major-mode faces ------------------------ + ;; man-mode + (Man-overstrike :inherit 'bold :foreground magenta) + (Man-underline :inherit 'underline :foreground blue) + + ;; org-mode + ((org-block &override) :background base2) + ((org-block-background &override) :background base2) + ((org-block-begin-line &override) :background base2) + + ;; --- plugin faces ------------------- + ;; css-mode / scss-mode + (css-proprietary-property :foreground orange) + (css-property :foreground green) + (css-selector :foreground blue) + + ;; dired-k + (dired-k-commited :foreground base4) + (dired-k-modified :foreground vc-modified) + (dired-k-ignored :foreground cyan) + (dired-k-added :foreground vc-added) + + ;; ivy + (ivy-current-match :background base5) + + ;; js2-mode + (js2-jsdoc-tag :foreground magenta) + (js2-object-property :foreground yellow) + (js2-object-property-access :foreground cyan) + (js2-function-param :foreground violet) + (js2-jsdoc-type :foreground base8) + (js2-jsdoc-value :foreground cyan) + + ;; lsp + (lsp-headerline-breadcrumb-symbols-face :foreground base7) + + ;; rainbow-delimiters + (rainbow-delimiters-depth-1-face :foreground magenta) + (rainbow-delimiters-depth-2-face :foreground orange) + (rainbow-delimiters-depth-3-face :foreground green) + (rainbow-delimiters-depth-4-face :foreground cyan) + (rainbow-delimiters-depth-5-face :foreground violet) + (rainbow-delimiters-depth-6-face :foreground yellow) + (rainbow-delimiters-depth-7-face :foreground blue) + (rainbow-delimiters-depth-8-face :foreground teal) + (rainbow-delimiters-depth-9-face :foreground dark-cyan) + + ;; rjsx-mode + (rjsx-tag :foreground red) + (rjsx-attr :foreground yellow :slant 'italic :weight 'medium) + + ;; tooltip + (tooltip :background (doom-darken bg-alt 0.2) :foreground fg))) + +(provide 'doom-material-ocean-theme) diff --git a/.config/goimapnotify/yigit@fr1nge.xyz b/.config/goimapnotify/yigit@fr1nge.xyz new file mode 100644 index 00000000..69232ee9 --- /dev/null +++ b/.config/goimapnotify/yigit@fr1nge.xyz @@ -0,0 +1,14 @@ +{ + "host": "mail.fr1nge.xyz", + "port": 993, + "tls": true, + "tlsOptions": { + "rejectUnauthorized": true + }, + "username": "yigit@fr1nge.xyz", + "passwordCmd": "pass show Email/fr1nge.xyz/yigit@fr1nge.xyz", + "onNewMail": "mailsync yigit@fr1nge.xyz", + "boxes": [ + "INBOX" + ] +} diff --git a/.config/goimapnotify/yigit@yigitcolakoglu.com b/.config/goimapnotify/yigit@yigitcolakoglu.com new file mode 100644 index 00000000..4c4ba8cf --- /dev/null +++ b/.config/goimapnotify/yigit@yigitcolakoglu.com @@ -0,0 +1,14 @@ +{ + "host": "mail.privateemail.com", + "port": 993, + "tls": true, + "tlsOptions": { + "rejectUnauthorized": true + }, + "username": "yigit@yigitcolakoglu.com", + "passwordCmd": "pass show Email/privateemail.com/yigit@yigitcolakoglu.com", + "onNewMail": "mailsync yigit@yigitcolakoglu.com", + "boxes": [ + "INBOX" + ] +} diff --git a/.config/goimapnotify/yigitcolakoglu@hotmail.com b/.config/goimapnotify/yigitcolakoglu@hotmail.com new file mode 100644 index 00000000..b87ed4e6 --- /dev/null +++ b/.config/goimapnotify/yigitcolakoglu@hotmail.com @@ -0,0 +1,14 @@ +{ + "host": "outlook.office365.com", + "port": 993, + "tls": true, + "tlsOptions": { + "rejectUnauthorized": true + }, + "username": "yigitcolakoglu@hotmail.com", + "passwordCmd": "pass show AppPass/microsoft.com/yigitcolakoglu@hotmail.com", + "onNewMail": "mailsync yigitcolakoglu@hotmail.com", + "boxes": [ + "INBOX" + ] +} diff --git a/.config/htop/htoprc b/.config/htop/htoprc index d5fe6fa9..07494ad5 100644 --- a/.config/htop/htoprc +++ b/.config/htop/htoprc @@ -1,9 +1,10 @@ # Beware! This file is rewritten by htop when settings are changed in the interface. # The parser is also very primitive, and not human-friendly. fields=0 48 17 18 38 39 40 2 46 47 49 1 -sort_key=46 +sort_key=47 sort_direction=1 -hide_threads=0 +tree_sort_key=0 +tree_sort_direction=1 hide_kernel_threads=1 hide_userland_threads=1 shadow_other_users=0 @@ -12,12 +13,20 @@ show_program_path=1 highlight_base_name=1 highlight_megabytes=1 highlight_threads=1 +highlight_changes=0 +highlight_changes_delay_secs=5 +find_comm_in_cmdline=1 +strip_exe_from_cmdline=1 +show_merged_command=0 tree_view=0 +tree_view_always_by_pid=0 header_margin=1 detailed_cpu_time=0 -cpu_count_from_zero=0 +cpu_count_from_one=1 show_cpu_usage=1 show_cpu_frequency=0 +show_cpu_temperature=0 +degree_fahrenheit=0 update_process_names=0 account_guest_in_cpu_meter=0 color_scheme=0 @@ -27,3 +36,4 @@ left_meters=LeftCPUs2 CPU Battery Blank Blank Blank Memory NetworkIO DiskIO left_meter_modes=1 1 1 2 2 2 3 4 4 right_meters=RightCPUs2 Memory Swap Blank Blank Blank LoadAverage Uptime Tasks right_meter_modes=1 1 1 2 2 2 3 4 4 +hide_function_bar=0 diff --git a/.config/isync/mbsyncrc b/.config/isync/mbsyncrc index e15a4d18..75c4dc11 100644 --- a/.config/isync/mbsyncrc +++ b/.config/isync/mbsyncrc @@ -50,3 +50,27 @@ MaxMessages 0 ExpireUnread no # End profile +IMAPStore yigit@fr1nge.xyz-remote +Host mail.fr1nge.xyz +Port 993 +User yigit +PassCmd "pass Email/fr1nge.xyz/yigit@fr1nge.xyz" +AuthMechs LOGIN +SSLType IMAPS +CertificateFile /etc/ssl/certs/ca-certificates.crt + +MaildirStore yigit@fr1nge.xyz-local +Subfolders Verbatim +Path /home/yigit/.local/share/mail/yigit@fr1nge.xyz/ +Inbox /home/yigit/.local/share/mail/yigit@fr1nge.xyz/INBOX + +Channel yigit@fr1nge.xyz +Expunge Both +Master :yigit@fr1nge.xyz-remote: +Slave :yigit@fr1nge.xyz-local: +Patterns * !"[Gmail]/All Mail" +Create Both +SyncState * +MaxMessages 0 +ExpireUnread no +# End profile diff --git a/.config/mimeapps.list b/.config/mimeapps.list index 3dcb2508..5b96948f 100644 --- a/.config/mimeapps.list +++ b/.config/mimeapps.list @@ -20,11 +20,16 @@ application/pdf=zathura.desktop application/epub=zathura.desktop video/webm=mpv.desktop application/zip=engrampa.desktop -x-scheme-handler/tg=userapp-Telegram Desktop-RUP9V0.desktop +x-scheme-handler/tg=userapp-Telegram Desktop-APVS20.desktop x-scheme-handler/mailto=neomutt.desktop message/rfc822=userapp-neomutt.desktop application/x-directory=lf.desktop x-scheme-handler/discord-474605546457137157=discord-474605546457137157.desktop [Added Associations] -application/rtf=nvim.desktop; +application/rtf=libreoffice-writer.desktop;nvim.desktop; +text/x-java-source=vim.desktop; +x-scheme-handler/tg=userapp-Telegram Desktop-APVS20.desktop; +application/x-rdp=vim.desktop; +text/markdown=nvim.desktop; +application/pdf=zaread.desktop; diff --git a/.config/msmtp/config b/.config/msmtp/config index 808c04ff..0bb90f2c 100644 --- a/.config/msmtp/config +++ b/.config/msmtp/config @@ -20,6 +20,17 @@ tls on tls_trust_file /etc/ssl/certs/ca-certificates.crt logfile /home/yigit/.config/msmtp/msmtp.log +account yigit@fr1nge.xyz +host mail.fr1nge.xyz +port 587 +from yigit@fr1nge.xyz +user yigit@fr1nge.xyz +passwordeval "pass Email/fr1nge.xyz/yigit@fr1nge.xyz" +auth on +tls on +tls_trust_file /etc/ssl/certs/ca-certificates.crt +logfile /home/yigit/.config/msmtp/msmtp.log + # default for git email-send account default host mail.privateemail.com diff --git a/.config/mutt/accounts/2-yigit@yigitcolakoglu.com.muttrc b/.config/mutt/accounts/2-yigit@yigitcolakoglu.com.muttrc index b40113e4..b42b5f0a 100644 --- a/.config/mutt/accounts/2-yigit@yigitcolakoglu.com.muttrc +++ b/.config/mutt/accounts/2-yigit@yigitcolakoglu.com.muttrc @@ -10,7 +10,6 @@ set message_cachedir = /home/yigit/.cache/mutt-wizard/yigit@yigitcolakoglu.com/b set mbox_type = Maildir set signature = "/home/yigit/.config/mutt/accounts/2-yigit@yigitcolakoglu.com.sig" - bind index,pager gg noop bind index,pager g noop bind index,pager M noop diff --git a/.config/mutt/accounts/3-yigit@fr1nge.xyz.muttrc b/.config/mutt/accounts/3-yigit@fr1nge.xyz.muttrc new file mode 100644 index 00000000..3769ad5b --- /dev/null +++ b/.config/mutt/accounts/3-yigit@fr1nge.xyz.muttrc @@ -0,0 +1,46 @@ +# vim: filetype=neomuttrc +# muttrc file for account yigit@fr1nge.xyz +set realname = "Yigit Colakoglu" +set from = "yigit@fr1nge.xyz" +set sendmail = "msmtp -a yigit@fr1nge.xyz" +alias me yigit +set folder = "/home/yigit/.local/share/mail/yigit@fr1nge.xyz" +set header_cache = /home/yigit/.cache/mutt-wizard/yigit@fr1nge.xyz/headers +set message_cachedir = /home/yigit/.cache/mutt-wizard/yigit@fr1nge.xyz/bodies +set mbox_type = Maildir +set signature = "/home/yigit/.config/mutt/accounts/3-yigit@fr1nge.xyz.sig" + +bind index,pager gg noop +bind index,pager g noop +bind index,pager M noop +bind index,pager C noop +bind index gg first-entry +unmailboxes * +unalternates * +unset signature +unmacro index o +macro index o "mw -y yigit@fr1nge.xyz" "run mbsync to sync yigit@fr1nge.xyz" + +mailboxes "=Drafts" "=INBOX" "=Junk" "=Sent" "=Archive" "=Deleted Items" +macro index,pager ga "=Archive" "go to archive" +macro index,pager Ma ";=Archive" "move mail to archive" +macro index,pager Ca ";=Archive" "copy mail to archive" +macro index,pager gj "=Junk" "go to spam" +macro index,pager Mj ";=Junk" "move mail to spam" +macro index,pager Cj ";=Junk" "copy mail to spam" +set record = "+Sent" +macro index,pager gs "=Sent" "go to sent" +macro index,pager Ms ";=Sent" "move mail to sent" +macro index,pager Cs ";=Sent" "copy mail to sent" +macro index,pager gt "=Deleted Items" "go to trash" +macro index,pager Mt ";=Deleted Items" "move mail to trash" +macro index,pager Ct ";=Deleted Items" "copy mail to trash" +set trash = "+Trash" +set postponed = "+Drafts" +macro index,pager gd "=Drafts" "go to drafts" +macro index,pager Md ";=Drafts" "move mail to drafts" +macro index,pager Cd ";=Drafts" "copy mail to drafts" +macro index,pager gi "=INBOX" "go to inbox" +macro index,pager Mi ";=INBOX" "move mail to inbox" +macro index,pager Ci ";=INBOX" "copy mail to inbox" +set spoolfile = "+INBOX" diff --git a/.config/mutt/accounts/3-yigit@fr1nge.xyz.sig b/.config/mutt/accounts/3-yigit@fr1nge.xyz.sig new file mode 100644 index 00000000..6ffcdf79 --- /dev/null +++ b/.config/mutt/accounts/3-yigit@fr1nge.xyz.sig @@ -0,0 +1,4 @@ +Yiğit Çolakoğlu +=================== +Senior Student at Ted Ankara College Foundation High School + diff --git a/.config/mutt/muttrc b/.config/mutt/muttrc index 7c114e85..05cf59f5 100644 --- a/.config/mutt/muttrc +++ b/.config/mutt/muttrc @@ -31,3 +31,4 @@ set crypt_use_gpgme set pgp_default_key = "yigitcolakoglu@hotmail.com" macro index,pager i1 'source /home/yigit/.config/mutt/accounts/1-yigitcolakoglu@hotmail.com.muttrc!;' "switch to yigitcolakoglu@hotmail.com" macro index,pager i2 'source /home/yigit/.config/mutt/accounts/2-yigit@yigitcolakoglu.com.muttrc!;' "switch to yigit@yigitcolakoglu.com" +macro index,pager i3 'source /home/yigit/.config/mutt/accounts/3-yigit@fr1nge.xyz.muttrc!;' "switch to yigit@fr1nge.xyz" diff --git a/.config/vim/plugin/YCM.vim b/.config/nvim/plugin/YCM.vim similarity index 100% rename from .config/vim/plugin/YCM.vim rename to .config/nvim/plugin/YCM.vim diff --git a/.config/vim/plugin/coc.vim b/.config/nvim/plugin/coc.vim similarity index 100% rename from .config/vim/plugin/coc.vim rename to .config/nvim/plugin/coc.vim diff --git a/.config/vim/plugin/ctrlp.vim b/.config/nvim/plugin/ctrlp.vim similarity index 100% rename from .config/vim/plugin/ctrlp.vim rename to .config/nvim/plugin/ctrlp.vim diff --git a/.config/vim/plugin/lightline-bufferline.vim b/.config/nvim/plugin/lightline-bufferline.vim similarity index 100% rename from .config/vim/plugin/lightline-bufferline.vim rename to .config/nvim/plugin/lightline-bufferline.vim diff --git a/.config/vim/plugin/lightline.vim b/.config/nvim/plugin/lightline.vim similarity index 100% rename from .config/vim/plugin/lightline.vim rename to .config/nvim/plugin/lightline.vim diff --git a/.config/vim/plugin/nerdcommenter.vim b/.config/nvim/plugin/nerdcommenter.vim similarity index 100% rename from .config/vim/plugin/nerdcommenter.vim rename to .config/nvim/plugin/nerdcommenter.vim diff --git a/.config/vim/plugin/nerdtree.vim b/.config/nvim/plugin/nerdtree.vim similarity index 100% rename from .config/vim/plugin/nerdtree.vim rename to .config/nvim/plugin/nerdtree.vim diff --git a/.config/vim/plugin/plugins.vim b/.config/nvim/plugin/plugins.vim similarity index 65% rename from .config/vim/plugin/plugins.vim rename to .config/nvim/plugin/plugins.vim index 7d6f590a..26ec18aa 100644 --- a/.config/vim/plugin/plugins.vim +++ b/.config/nvim/plugin/plugins.vim @@ -5,39 +5,26 @@ Plug 'kaicataldo/material.vim' Plug 'itchyny/lightline.vim' Plug 'mengelbrecht/lightline-bufferline' Plug 'lambdalisue/nerdfont.vim' +Plug 'vimwiki/vimwiki' " Addons Plug 'scrooloose/nerdtree' -Plug 'alvan/vim-closetag' -Plug 'vim-scripts/vim-auto-save' Plug 'airblade/vim-gitgutter' -Plug 'tpope/vim-rhubarb' -Plug 'tpope/vim-repeat' -Plug 'tpope/vim-bundler' -" Plug 'tpope/vim-endwise' + Plug 'tpope/vim-surround' -Plug 'tmhedberg/matchit' -Plug 'kana/vim-textobj-user' Plug 'jremmen/vim-ripgrep' Plug 'blarghmatey/split-expander' -Plug 'farmergreg/vim-lastplace' -Plug 'jlanzarotta/bufexplorer' -Plug 'jeffkreeftmeijer/vim-numbertoggle' -Plug 'rhysd/vim-grammarous' -Plug 'chrisbra/NrrwRgn' Plug 'sheerun/vim-polyglot' -Plug 'M4R7iNP/vim-inky' Plug 'neoclide/coc.nvim', {'branch': 'release'} Plug 'junegunn/goyo.vim' Plug 'vim-scripts/indentpython.vim' -Plug 'frazrepo/vim-rainbow' Plug 'preservim/nerdcommenter' Plug 'mileszs/ack.vim' Plug 'yegappan/taglist' Plug 'puremourning/vimspector' Plug 'lervag/vimtex' -" Plug 'wakatime/vim-wakatime' + Plug 'gu-fan/riv.vim' Plug 'isene/hyperlist.vim' Plug 'neomutt/neomutt.vim' @@ -48,22 +35,18 @@ Plug 'benmills/vimux' Plug 'christoomey/vim-tmux-navigator' " File system navigation -Plug 'tpope/vim-eunuch' Plug 'junegunn/fzf.vim' " Syntax highlighting -" Plug 'vim-ruby/vim-ruby' Plug 'elzr/vim-json' Plug 'tpope/vim-markdown' -Plug 'vim-scripts/cool.vim' Plug 'pangloss/vim-javascript' -Plug 'mxw/vim-jsx' -" Plug 'groenewege/vim-less' Plug 'leafgarland/typescript-vim' +Plug 'vim-scripts/cool.vim' +Plug 'justinmk/vim-syntax-extra' Plug 'arrufat/vala.vim' " Syntax errors -Plug 'dense-analysis/ale' Plug 'ntpeters/vim-better-whitespace' call plug#end() diff --git a/.config/vim/plugin/vim-betterwhitespace.vim b/.config/nvim/plugin/vim-betterwhitespace.vim similarity index 69% rename from .config/vim/plugin/vim-betterwhitespace.vim rename to .config/nvim/plugin/vim-betterwhitespace.vim index 3620802d..abd6b0d8 100644 --- a/.config/vim/plugin/vim-betterwhitespace.vim +++ b/.config/nvim/plugin/vim-betterwhitespace.vim @@ -1,7 +1,9 @@ -let g:better_whitespace_enabled=1 +let g:better_whitespace_enabled=0 let g:better_whitespace_ctermcolor='LightRed' let g:better_whitespace_guicolor='LightRed' let g:better_whitespace_operator='_s' let g:strip_whitespace_on_save=1 let g:strip_max_file_size=1000 let g:strip_whitespace_confirm=0 + +let g:better_whitespace_filetypes_blacklist=['md', 'markdown'] diff --git a/.config/vim/plugin/vim-ripgrep.vim b/.config/nvim/plugin/vim-ripgrep.vim similarity index 100% rename from .config/vim/plugin/vim-ripgrep.vim rename to .config/nvim/plugin/vim-ripgrep.vim diff --git a/.config/vim/plugin/vim-test.vim b/.config/nvim/plugin/vim-test.vim similarity index 100% rename from .config/vim/plugin/vim-test.vim rename to .config/nvim/plugin/vim-test.vim diff --git a/.config/vim/plugin/vimux.vim b/.config/nvim/plugin/vimux.vim similarity index 100% rename from .config/vim/plugin/vimux.vim rename to .config/nvim/plugin/vimux.vim diff --git a/.config/vim/after/ftplugin/tex.vim b/.config/vim/after/ftplugin/tex.vim deleted file mode 100644 index 8a5cc6da..00000000 --- a/.config/vim/after/ftplugin/tex.vim +++ /dev/null @@ -1,4 +0,0 @@ -setlocal wrap linebreak nolist - -" Only run LanguageTool between % GRAMMAROUS % tags -map G magg:/% GRAMMAROUS %jVnk:GrammarousCheck:noh`a diff --git a/.config/vim/colors/material.vim b/.config/vim/colors/material.vim new file mode 100644 index 00000000..0fd9fcd7 --- /dev/null +++ b/.config/vim/colors/material.vim @@ -0,0 +1,565 @@ +" Vim Color File +" Name: material.vim +" Maintainer: https://github.com/kaicataldo/material.vim +" License: The MIT License (MIT) + +" === Configuration === + +" Clear any other set colors +highlight clear + +if exists('syntax_on') + syntax reset +endif + +let g:colors_name = 'material' +let g:material_theme_style = get(g:, 'material_theme_style', 'default') +let g:material_terminal_italics = get(g:, 'material_terminal_italics', 0) + +" For backwards compatibility +if (g:material_theme_style == 'dark') + let g:material_theme_style = 'darker' +endif + +" === Functions === + +function! s:SetHighlight(group, fg, bg, attr) + let l:attr = a:attr + + if !g:material_terminal_italics && l:attr == 'italic' + let l:attr = '' + endif + + if empty(l:attr) + let l:attr = 'none' + endif + + if !empty(a:fg) + exec 'hi ' . a:group . ' guifg=' . a:fg.gui . ' ctermfg=' . a:fg.cterm + endif + + if !empty(a:bg) + exec 'hi ' . a:group . ' guibg=' . a:bg.gui . ' ctermbg=' . a:bg.cterm + endif + + if !empty(l:attr) + exec 'hi ' . a:group . ' gui=' . l:attr . ' cterm=' . l:attr + endif +endfun + + + +" === Color Definitions === + +" Default colors +set background=dark +let s:bg = { 'gui': '#263238', 'cterm': 'none' } +let s:fg = { 'gui': '#eeffff', 'cterm': 231 } +let s:invisibles = { 'gui': '#65738e', 'cterm': 66 } +let s:comments = { 'gui': '#546e7a', 'cterm': 145 } +let s:caret = { 'gui': '#ffcc00', 'cterm': 220 } +let s:selection = { 'gui': '#2c3b41', 'cterm': 239 } +let s:guides = { 'gui': '#37474f', 'cterm': 17 } +let s:line_numbers = { 'gui': '#37474f', 'cterm': 145 } +let s:line_highlight = { 'gui': '#1a2327', 'cterm': 235 } +let s:white = { 'gui': '#ffffff', 'cterm': 231 } +let s:black = { 'gui': '#000000', 'cterm': 232 } +let s:red = { 'gui': '#ff5370', 'cterm': 203 } +let s:orange = { 'gui': '#f78c6c', 'cterm': 209 } +let s:yellow = { 'gui': '#ffcb6b', 'cterm': 11 } +let s:green = { 'gui': '#c3e88d', 'cterm': 2 } " 186 –– almost perfect match +let s:cyan = { 'gui': '#89ddff', 'cterm': 117 } +let s:blue = { 'gui': '#82aaff', 'cterm': 111 } +let s:paleblue = { 'gui': '#b2ccd6', 'cterm': 152 } +let s:purple = { 'gui': '#c792ea', 'cterm': 176 } +let s:brown = { 'gui': '#c17e70', 'cterm': 137 } +let s:pink = { 'gui': '#f07178', 'cterm': 204 } +let s:violet = { 'gui': '#bb80b3', 'cterm': 139 } + + +" Theme-specific color overrides +if g:material_theme_style == 'palenight' || g:material_theme_style == 'palenight-community' + let s:bg = { 'gui': '#292d3e', 'cterm': 'none' } + let s:fg = { 'gui': '#a6accd', 'cterm': 146 } + let s:invisibles = { 'gui': '#4e5579', 'cterm': 60 } + let s:comments = { 'gui': '#676e95', 'cterm': 60 } + let s:selection = { 'gui': '#343b51', 'cterm': 60 } + let s:guides = { 'gui': '#4e5579', 'cterm': 60 } + let s:line_numbers = { 'gui': '#3a3f58', 'cterm': 60 } + let s:line_highlight = { 'gui': '#1c1f2b', 'cterm': 234 } +elseif g:material_theme_style == 'darker' || g:material_theme_style == 'darker-community' + let s:bg = { 'gui': '#212121', 'cterm': 'none' } + let s:fg = { 'gui': '#eeffff', 'cterm': 231 } + let s:invisibles = { 'gui': '#65737e', 'cterm': 66 } + let s:comments = { 'gui': '#545454', 'cterm': 59 } + let s:selection = { 'gui': '#2c2c2c', 'cterm': 237 } + let s:guides = { 'gui': '#424242', 'cterm': 0 } + let s:line_numbers = { 'gui': '#424242', 'cterm': 0 } + let s:line_highlight = { 'gui': '#171717', 'cterm': 0 } +elseif g:material_theme_style == 'ocean' || g:material_theme_style == 'ocean-community' + let s:bg = { 'gui': '#0f111a', 'cterm': 'none' } + let s:fg = { 'gui': '#8f93a2', 'cterm': 103 } + let s:invisibles = { 'gui': '#80869e', 'cterm': 103 } + let s:comments = { 'gui': '#464b5d', 'cterm': 60 } + let s:selection = { 'gui': '#1f2233', 'cterm': 60 } + let s:guides = { 'gui': '#3b3f51', 'cterm': 17 } + let s:line_numbers = { 'gui': '#3b3f51', 'cterm': 60 } + let s:line_highlight = { 'gui': '#0a0c12', 'cterm': 0 } +elseif g:material_theme_style == 'lighter' || g:material_theme_style == 'lighter-community' + set background=light + let s:bg = { 'gui': '#fafafa', 'cterm': 'none' } + let s:fg = { 'gui': '#90a4ae', 'cterm': 109 } + let s:invisibles = { 'gui': '#e7eaec', 'cterm': 189 } + let s:comments = { 'gui': '#90a4ae', 'cterm': 109 } + let s:caret = { 'gui': '#272727', 'cterm': 0 } + let s:selection = { 'gui': '#ebf4f3', 'cterm': 254 } + let s:guides = { 'gui': '#b0bec5', 'cterm': 146 } + let s:line_numbers = { 'gui': '#cfd8dc', 'cterm': 188 } + let s:line_highlight = { 'gui': '#ecf0f1', 'cterm': 253 } + let s:white = { 'gui': '#ffffff', 'cterm': 231 } + let s:black = { 'gui': '#000000', 'cterm': 0 } + let s:red = { 'gui': '#e53935', 'cterm': 160 } + let s:orange = { 'gui': '#f76d47', 'cterm': 202 } + let s:yellow = { 'gui': '#ffb62c', 'cterm': 214 } + let s:green = { 'gui': '#91b859', 'cterm': 107 } + let s:cyan = { 'gui': '#39adb5', 'cterm': 37 } + let s:blue = { 'gui': '#6182b8', 'cterm': 67 } + let s:paleblue = { 'gui': '#8796b0', 'cterm': 103 } + let s:purple = { 'gui': '#7c4dff', 'cterm': 99 } + let s:brown = { 'gui': '#c17e70', 'cterm': 137 } + let s:pink = { 'gui': '#ff5370', 'cterm': 203 } + let s:violet = { 'gui': '#945eb8', 'cterm': 97 } +endif + +" Defined globally so that the Airline theme has access +let g:material_colorscheme_map = {} +let g:material_colorscheme_map.bg = s:bg +let g:material_colorscheme_map.fg = s:fg +let g:material_colorscheme_map.invisibles = s:invisibles +let g:material_colorscheme_map.comments = s:comments +let g:material_colorscheme_map.caret = s:caret +let g:material_colorscheme_map.selection = s:selection +let g:material_colorscheme_map.guides = s:guides +let g:material_colorscheme_map.line_numbers = s:line_numbers +let g:material_colorscheme_map.line_highlight = s:line_highlight +let g:material_colorscheme_map.white = s:white +let g:material_colorscheme_map.black = s:black +let g:material_colorscheme_map.red = s:red +let g:material_colorscheme_map.orange = s:orange +let g:material_colorscheme_map.yellow = s:yellow +let g:material_colorscheme_map.green = s:green +let g:material_colorscheme_map.cyan = s:cyan +let g:material_colorscheme_map.blue = s:blue +let g:material_colorscheme_map.paleblue = s:paleblue +let g:material_colorscheme_map.purple = s:purple +let g:material_colorscheme_map.brown = s:brown +let g:material_colorscheme_map.pink = s:pink +let g:material_colorscheme_map.violet = s:violet + +" === Highlights === + +" Vim Editor +call s:SetHighlight('ColorColumn', '', s:invisibles, '') +call s:SetHighlight('Cursor', s:bg, s:caret, '') +call s:SetHighlight('CursorColumn', '', s:line_highlight, '') +call s:SetHighlight('CursorLine', '', s:line_highlight, '') +call s:SetHighlight('CursorLineNr', s:comments, '', '') +call s:SetHighlight('Directory', s:blue, '', '') +call s:SetHighlight('DiffAdd', s:green, s:bg, '') +call s:SetHighlight('DiffDelete', s:red, s:bg, '') +call s:SetHighlight('DiffChange', s:yellow, s:bg, '') +call s:SetHighlight('DiffText', s:orange, s:bg, '') +call s:SetHighlight('ErrorMsg', s:bg, s:red, 'bold') +call s:SetHighlight('FoldColumn', s:line_numbers, s:bg, '') +call s:SetHighlight('Folded', s:brown, s:bg, 'bold') +call s:SetHighlight('LineNr', s:line_numbers, '', '') +call s:SetHighlight('MatchParen', s:comments, s:cyan, 'bold') +call s:SetHighlight('ModeMsg', s:green, '', '') +call s:SetHighlight('MoreMsg', s:green, '', '') +call s:SetHighlight('NonText', s:comments, '', '') +call s:SetHighlight('Normal', s:fg, s:bg, '') +call s:SetHighlight('Pmenu', s:fg, s:selection, '') +call s:SetHighlight('PmenuSel', s:bg, s:cyan, '') +call s:SetHighlight('PmenuSbar', '', s:selection, '') +call s:SetHighlight('PmenuThumb', '', s:comments, '') +call s:SetHighlight('Question', s:blue, '', '') +call s:SetHighlight('IncSearch', s:white, s:comments, 'none') +call s:SetHighlight('Search', s:white, s:comments, 'none') +call s:SetHighlight('SignColumn', s:fg, s:bg, '') +call s:SetHighlight('SpecialKey', s:comments, '', '') +call s:SetHighlight('SpellCap', s:blue, '', 'undercurl') +call s:SetHighlight('SpellBad', s:red, '', 'undercurl') +call s:SetHighlight('StatusLine', s:fg, s:selection, '') +call s:SetHighlight('StatusLineNC', s:comments, s:selection, '') +call s:SetHighlight('StatusLineTerm', s:bg, s:green, '') +call s:SetHighlight('StatusLineTermNC', s:bg, s:green, '') +call s:SetHighlight('TabLine', s:fg, s:line_numbers, '') +call s:SetHighlight('TabLineFill', s:fg, s:selection, '') +call s:SetHighlight('TabLineSel', s:bg, s:cyan, '') +call s:SetHighlight('Title', s:green, '', '') +call s:SetHighlight('VertSplit', s:comments, '', '') +call s:SetHighlight('Visual', s:fg, s:selection, '') +call s:SetHighlight('WarningMsg', s:red, '', '') +call s:SetHighlight('WildMenu', s:bg, s:cyan, '') + +" Syntax +call s:SetHighlight('Comment', s:comments, '', 'italic') +call s:SetHighlight('Conceal', s:brown, s:bg, '') +call s:SetHighlight('Constant', s:orange, '', '') +call s:SetHighlight('String', s:green, '', '') +call s:SetHighlight('Character', s:green, '', '') +call s:SetHighlight('Identifier', s:red, '', '') +call s:SetHighlight('Function', s:blue, '', '') +call s:SetHighlight('Statement', s:purple, '', '') +call s:SetHighlight('Operator', s:cyan, '', '') +call s:SetHighlight('PreProc', s:cyan, '', '') +call s:SetHighlight('Include', s:blue, '', '') +call s:SetHighlight('Define', s:purple, '', '') +call s:SetHighlight('Macro', s:purple, '', '') +call s:SetHighlight('Type', s:yellow, '', '') +call s:SetHighlight('Structure', s:cyan, '', '') +call s:SetHighlight('Special', s:violet, '', '') +call s:SetHighlight('Underlined', s:blue, '', '') +call s:SetHighlight('Error', s:bg, s:red, '') +call s:SetHighlight('Todo', s:orange, s:bg, 'italic') + +" Legacy groups for official git.vim and diff.vim syntax +hi! link diffFile DiffAdd +hi! link diffNewFile DiffDelete +hi! link diffAdded DiffAdd +hi! link diffChanged DiffChange +hi! link diffLine DiffChange +hi! link diffRemoved DiffDelete + +" Git Commit Messages +call s:SetHighlight('gitcommitHeader', s:purple, '', '') +call s:SetHighlight('gitcommitUnmerged', s:green, '', '') +call s:SetHighlight('gitcommitSelectedFile', s:green, '', '') +call s:SetHighlight('gitcommitDiscardedFile', s:red, '', '') +call s:SetHighlight('gitcommitUnmergedFile', s:yellow, '', '') +call s:SetHighlight('gitcommitSelectedType', s:green, '', '') +call s:SetHighlight('gitcommitSummary', s:blue, '', '') +call s:SetHighlight('gitcommitDiscardedType', s:red, '', '') +hi link gitcommitNoBranch gitcommitBranch +hi link gitcommitUntracked gitcommitComment +hi link gitcommitDiscarded gitcommitComment +hi link gitcommitSelected gitcommitComment +hi link gitcommitDiscardedArrow gitcommitDiscardedFile +hi link gitcommitSelectedArrow gitcommitSelectedFile +hi link gitcommitUnmergedArrow gitcommitUnmergedFile + +" Javascript +call s:SetHighlight('javaScriptBraces', s:fg, '', '') +call s:SetHighlight('javaScriptNull', s:orange, '', '') +call s:SetHighlight('javaScriptIdentifier', s:purple, '', '') +call s:SetHighlight('javaScriptNumber', s:orange, '', '') +call s:SetHighlight('javaScriptRequire', s:cyan, '', '') +call s:SetHighlight('javaScriptReserved', s:purple, '', '') + +" pangloss/vim-javascript +if g:material_theme_style !~ '-community$' + call s:SetHighlight('jsArrowFunction', s:purple, '', '') + call s:SetHighlight('jsAsyncKeyword', s:purple, '', '') + call s:SetHighlight('jsBooleanTrue', s:orange, '', '') + call s:SetHighlight('jsBooleanFalse', s:orange, '', '') + call s:SetHighlight('jsBrackets', s:pink, '', '') + call s:SetHighlight('jsCatch', s:cyan, '', 'italic') + call s:SetHighlight('jsClassBraces', s:cyan, '', '') + call s:SetHighlight('jsClassDefinition', s:yellow, '', '') + call s:SetHighlight('jsClassFuncName', s:pink, '', '') + call s:SetHighlight('jsClassProperty', s:pink, '', '') + call s:SetHighlight('jsClassKeyword', s:purple, '', '') + call s:SetHighlight('jsConditional', s:cyan, '', 'italic') + call s:SetHighlight('jsDocParam', s:green, '', '') + call s:SetHighlight('jsDocTags', s:cyan, '', '') + call s:SetHighlight('jsDot', s:cyan, '', '') + call s:SetHighlight('jsException', s:cyan, '', 'italic') + call s:SetHighlight('jsExceptions', s:yellow, '', '') + call s:SetHighlight('jsExport', s:cyan, '', 'italic') + call s:SetHighlight('jsExportDefault', s:cyan, '', 'italic') + call s:SetHighlight('jsExtendsKeyword', s:purple, '', '') + call s:SetHighlight('jsFinally', s:cyan, '', 'italic') + call s:SetHighlight('jsFinallyBraces', s:cyan, '', '') + call s:SetHighlight('jsFlowArgumentDef', s:yellow, '', '') + call s:SetHighlight('jsForAwait', s:cyan, '', 'italic') + call s:SetHighlight('jsFrom', s:cyan, '', 'italic') + call s:SetHighlight('jsFuncBraces', s:cyan, '', '') + call s:SetHighlight('jsFuncCall', s:blue, '', '') + call s:SetHighlight('jsFuncParens', s:cyan, '', '') + call s:SetHighlight('jsFunction', s:purple, '', '') + call s:SetHighlight('jsFunctionKey', s:pink, '', '') + call s:SetHighlight('jsGlobalObjects', s:yellow, '', '') + call s:SetHighlight('jsGlobalNodeObjects', s:yellow, '', '') + call s:SetHighlight('jsIfElseBraces', s:cyan, '', '') + call s:SetHighlight('jsImport', s:cyan, '', 'italic') + call s:SetHighlight('jsModuleAs', s:cyan, '', 'italic') + call s:SetHighlight('jsModuleBraces', s:cyan, '', '') + call s:SetHighlight('jsNull', s:cyan, '', '') + call s:SetHighlight('jsNoise', s:cyan, '', '') + call s:SetHighlight('jsObjectBraces', s:cyan, '', '') + call s:SetHighlight('jsObjectColon', s:cyan, '', '') + call s:SetHighlight('jsObjectKey', s:pink, '', '') + call s:SetHighlight('jsObjectSeparator', s:cyan, '', '') + call s:SetHighlight('jsParens', s:pink, '', '') + call s:SetHighlight('jsRepeat', s:cyan, '', 'italic') + call s:SetHighlight('jsReturn', s:cyan, '', 'italic') + call s:SetHighlight('jsStorageClass', s:purple, '', '') + call s:SetHighlight('jsTemplateBraces', s:cyan, '', '') + call s:SetHighlight('jsTemplateExpression', s:fg, '', '') + call s:SetHighlight('jsTemplateString', s:green, '', '') + call s:SetHighlight('jsThis', s:cyan, '', 'italic') + call s:SetHighlight('jsTry', s:cyan, '', 'italic') + call s:SetHighlight('jsTryCatchBraces', s:cyan, '', '') + call s:SetHighlight('jsUndefined', s:cyan, '', '') +else + call s:SetHighlight('jsArrowFunction', s:purple, '', '') + call s:SetHighlight('jsAsyncKeyword', s:purple, '', '') + call s:SetHighlight('jsExtendsKeyword', s:purple, '', '') + call s:SetHighlight('jsClassKeyword', s:purple, '', '') + call s:SetHighlight('jsDocParam', s:green, '', '') + call s:SetHighlight('jsDocTags', s:cyan, '', '') + call s:SetHighlight('jsForAwait', s:purple, '', '') + call s:SetHighlight('jsFlowArgumentDef', s:yellow, '', '') + call s:SetHighlight('jsFrom', s:purple, '', '') + call s:SetHighlight('jsImport', s:purple, '', '') + call s:SetHighlight('jsExport', s:purple, '', '') + call s:SetHighlight('jsExportDefault', s:purple, '', '') + call s:SetHighlight('jsFuncCall', s:blue, '', '') + call s:SetHighlight('jsFunction', s:purple, '', '') + call s:SetHighlight('jsGlobalObjects', s:yellow, '', '') + call s:SetHighlight('jsGlobalNodeObjects', s:yellow, '', '') + call s:SetHighlight('jsModuleAs', s:purple, '', '') + call s:SetHighlight('jsNull', s:orange, '', '') + call s:SetHighlight('jsStorageClass', s:purple, '', '') + call s:SetHighlight('jsTemplateBraces', s:red, '', '') + call s:SetHighlight('jsTemplateExpression', s:red, '', '') + call s:SetHighlight('jsThis', s:red, '', '') + call s:SetHighlight('jsUndefined', s:orange, '', '') +endif + +" MaxMEllon/vim-jsx-pretty +call s:SetHighlight('jsxTag', s:cyan, '', '') +call s:SetHighlight('jsxTagName', s:pink, '', '') +call s:SetHighlight('jsxComponentName', s:yellow, '', '') +call s:SetHighlight('jsxCloseTag', s:cyan, '', '') +call s:SetHighlight('jsxEscapeJs', s:fg, '', '') +call s:SetHighlight('jsxCloseString', s:cyan, '', '') +call s:SetHighlight('jsxAttrib', s:purple, '', 'italic') +call s:SetHighlight('jsxString', s:green, '', '') +call s:SetHighlight('jsxEqual', s:purple, '', '') +call s:SetHighlight('jsxDot', s:cyan, '', '') +call s:SetHighlight('jsxSpreadOperator', s:purple, '', '') +call s:SetHighlight('jsxBraces', s:cyan, '', '') +call s:SetHighlight('jsxNamespace', s:cyan, '', '') + +" JSON +call s:SetHighlight('jsonBraces', s:fg, '', '') + +" CSS +call s:SetHighlight('cssAttrComma', s:fg, '', '') +call s:SetHighlight('cssPseudoClassId', s:yellow, '', '') +call s:SetHighlight('cssBraces', s:fg, '', '') +call s:SetHighlight('cssClassName', s:yellow, '', '') +call s:SetHighlight('cssClassNameDot', s:yellow, '', '') +call s:SetHighlight('cssFunctionName', s:blue, '', '') +call s:SetHighlight('cssImportant', s:cyan, '', '') +call s:SetHighlight('cssIncludeKeyword', s:purple, '', '') +call s:SetHighlight('cssTagName', s:red, '', '') +call s:SetHighlight('cssMediaType', s:orange, '', '') +call s:SetHighlight('cssProp', s:fg, '', '') +call s:SetHighlight('cssSelectorOp', s:cyan, '', '') +call s:SetHighlight('cssSelectorOp2', s:cyan, '', '') + +" Sass +call s:SetHighlight('sassAmpersand', s:red, '', '') +call s:SetHighlight('sassClassChar', s:yellow, '', '') +call s:SetHighlight('sassMixinName', s:blue, '', '') +call s:SetHighlight('sassVariable', s:purple, '', '') + +" Less +call s:SetHighlight('lessAmpersand', s:red, '', '') +call s:SetHighlight('lessClassChar', s:yellow, '', '') +call s:SetHighlight('lessCssAttribute', s:fg, '', '') +call s:SetHighlight('lessFunction', s:blue, '', '') +call s:SetHighlight('lessVariable', s:purple, '', '') + +" HTML +call s:SetHighlight('htmlTagName', s:pink, '', '') +call s:SetHighlight('htmlEndTag', s:cyan, '', '') +call s:SetHighlight('htmlTag', s:cyan, '', '') +call s:SetHighlight('htmlSpecialTagName', s:yellow, '', '') +call s:SetHighlight('htmlArg', s:purple, '', 'italic') +call s:SetHighlight('htmlTitle', s:fg, '', '') +call s:SetHighlight('htmlLink', s:fg, '', '') +"" Consistency with plasticboy/vim-markdown +call s:SetHighlight('htmlBold', s:pink, '', 'bold') +call s:SetHighlight('htmlH1', s:yellow, '', '') +call s:SetHighlight('htmlH2', s:yellow, '', '') +call s:SetHighlight('htmlH3', s:yellow, '', '') +call s:SetHighlight('htmlH4', s:yellow, '', '') +call s:SetHighlight('htmlH5', s:yellow, '', '') +call s:SetHighlight('htmlH6', s:yellow, '', '') +call s:SetHighlight('htmlItalic', s:pink, '', 'italic') + +" XML +call s:SetHighlight('xmlAttrib', s:purple, '', 'italic') +call s:SetHighlight('xmlEndTag', s:cyan, '', '') +call s:SetHighlight('xmlTag', s:cyan, '', '') +call s:SetHighlight('xmlTagName', s:pink, '', '') + +" Golang +call s:SetHighlight('goFunctionCall', s:blue, '', '') +call s:SetHighlight('goReceiverType', s:green, '', '') +call s:SetHighlight('goParamName', s:orange, '', '') +call s:SetHighlight('goParamType', s:green, '', '') +call s:SetHighlight('goTypeDecl', s:purple, '', '') +call s:SetHighlight('goTypeName', s:yellow, '', '') +call s:SetHighlight('goBuiltins', s:red, '', '') +call s:SetHighlight('goType', s:purple, '', '') +call s:SetHighlight('goSignedInts', s:purple, '', '') +call s:SetHighlight('goUnsignedInts', s:purple, '', '') +call s:SetHighlight('goFloats', s:purple, '', '') +call s:SetHighlight('goComplexes', s:purple, '', '') + +" Ruby +call s:SetHighlight('rubyInterpolation', s:cyan, '', '') +call s:SetHighlight('rubyInterpolationDelimiter', s:violet, '', '') +call s:SetHighlight('rubyRegexp', s:cyan, '', '') +call s:SetHighlight('rubyRegexpDelimiter', s:violet, '', '') +call s:SetHighlight('rubyStringDelimiter', s:green, '', '') + +" Rust +call s:SetHighlight('CocRustTypeHint', s:invisibles, '', '') +call s:SetHighlight('CocRustChainingHint', s:invisibles, '', '') + +" TeX +call s:SetHighlight('texBeginEndName', s:blue, '', '') +call s:SetHighlight('texMathMatcher', s:blue, '', '') +call s:SetHighlight('texCite', s:green, '', '') +call s:SetHighlight('texRefZone', s:green, '', '') +call s:SetHighlight('texInputFile', s:green, '', '') +call s:SetHighlight('texMath', s:orange, '', '') +call s:SetHighlight('texMathOper', s:yellow, '', '') + +" Markdown +if g:material_theme_style !~ '-community$' + call s:SetHighlight('markdownBold', s:pink, '', 'bold') + call s:SetHighlight('markdownBoldDelimiter', s:cyan, '', '') + call s:SetHighlight('markdownCode', s:paleblue, '', '') + call s:SetHighlight('markdownCodeDelimiter', s:green, '', '') + call s:SetHighlight('markdownHeadingDelimiter', s:cyan, '', '') + call s:SetHighlight('markdownH1', s:yellow, '', '') + call s:SetHighlight('markdownH2', s:yellow, '', '') + call s:SetHighlight('markdownH3', s:yellow, '', '') + call s:SetHighlight('markdownH4', s:yellow, '', '') + call s:SetHighlight('markdownH5', s:yellow, '', '') + call s:SetHighlight('markdownH6', s:yellow, '', '') + call s:SetHighlight('markdownItalic', s:pink, '', 'italic') + call s:SetHighlight('markdownItalicDelimiter', s:cyan, '', '') + call s:SetHighlight('markdownLinkDelimiter', s:cyan, '', '') + call s:SetHighlight('markdownLinkText', s:green, '', '') + call s:SetHighlight('markdownLinkTextDelimiter', s:cyan, '', '') + call s:SetHighlight('markdownListMarker', s:cyan, '', '') + call s:SetHighlight('markdownUrl', s:pink, '', 'underline') + call s:SetHighlight('markdownUrlTitleDelimiter', s:green, '', '') +else + call s:SetHighlight('markdownBold', s:yellow, '', 'bold') + call s:SetHighlight('markdownCode', s:cyan, '', '') + call s:SetHighlight('markdownCodeBlock', s:cyan, '', '') + call s:SetHighlight('markdownCodeDelimiter', s:cyan, '', '') + call s:SetHighlight('markdownHeadingDelimiter', s:green, '', '') + call s:SetHighlight('markdownHeadingRule', s:comments, '', '') + call s:SetHighlight('markdownId', s:purple, '', '') + call s:SetHighlight('markdownItalic', s:blue, '', 'italic') + call s:SetHighlight('markdownListMarker', s:orange, '', '') + call s:SetHighlight('markdownOrderedListMarker', s:orange, '', '') + call s:SetHighlight('markdownRule', s:comments, '', '') + call s:SetHighlight('markdownUrl', s:purple, '', '') + call s:SetHighlight('markdownUrlTitleDelimiter', s:yellow, '', '') +endif + +" plasticboy/vim-markdown +if g:material_theme_style !~ '-community$' + call s:SetHighlight('mkdBold', s:cyan, '', '') + call s:SetHighlight('mkdCodeStart', s:green, '', '') + call s:SetHighlight('mkdCodeDelimiter', s:cyan, '', '') + call s:SetHighlight('mkdDelimiter', s:cyan, '', '') + call s:SetHighlight('mkdHeading', s:cyan, '', '') + call s:SetHighlight('mkdItalic', s:cyan, '', '') + call s:SetHighlight('mkdLink', s:green, '', '') + call s:SetHighlight('mkdListItem', s:cyan, '', '') + call s:SetHighlight('mkdURL', s:pink, '', 'underline') +endif + +" vimwiki/vimwiki +if g:material_theme_style !~ '-community$' + call s:SetHighlight('VimwikiBold', s:pink, '', 'bold') + call s:SetHighlight('VimwikiBoldChar', s:cyan, '', 'bold') + call s:SetHighlight('VimwikiDelText', s:pink, '', 'strikethrough') + call s:SetHighlight('VimwikiDelTextChar', s:cyan, '', '') + call s:SetHighlight('VimwikiCode', s:green, '', '') + call s:SetHighlight('VimwikiCodeChar', s:cyan, '', '') + call s:SetHighlight('VimwikiHeader1', s:yellow, '', '') + call s:SetHighlight('VimwikiHeader2', s:yellow, '', '') + call s:SetHighlight('VimwikiHeader3', s:yellow, '', '') + call s:SetHighlight('VimwikiHeader4', s:yellow, '', '') + call s:SetHighlight('VimwikiHeader5', s:yellow, '', '') + call s:SetHighlight('VimwikiHeader6', s:yellow, '', '') + call s:SetHighlight('VimwikiHeaderChar', s:cyan, '', '') + call s:SetHighlight('VimwikiImage', s:cyan, '', '') + call s:SetHighlight('VimwikiItalic', s:pink, '', 'italic') + call s:SetHighlight('VimwikiItalicChar', s:cyan, '', '') + call s:SetHighlight('VimwikiLink', s:green, '', 'underline') + call s:SetHighlight('VimwikiListTodo', s:cyan, '', '') + call s:SetHighlight('VimwikiPre', s:green, '', '') + call s:SetHighlight('VimwikiWebLink1', s:green, '', 'underline') +endif + +" vim-gitgutter +call s:SetHighlight('GitGutterAdd', s:green, '', '') +call s:SetHighlight('GitGutterChange', s:yellow, '', '') +call s:SetHighlight('GitGutterChangeDelete', s:orange, '', '') +call s:SetHighlight('GitGutterDelete', s:red, '', '') + +" vim-signify +hi link SignifySignAdd GitGutterAdd +hi link SignifySignChange GitGutterChange +hi link SignifySignDelete GitGutterDelete + +" vim-better-whitespace +call s:SetHighlight('ExtraWhitespace', '', s:red, '') + +" NERDTree +if has('nvim') + call s:SetHighlight('NERDTreeFile', s:fg, '', '') +endif + +" coc.nvim +call s:SetHighlight('CocMarkdownLink', s:purple, '', '') +call s:SetHighlight('CocErrorSign', s:red, '', '') +call s:SetHighlight('CocWarningSign', s:orange, '', '') +call s:SetHighlight('CocHintSign', s:yellow, '', '') +call s:SetHighlight('CocInfoSign', s:green, '', '') + +" Neovim terminal colors +if has('nvim') + let g:terminal_color_background = s:bg.gui + let g:terminal_color_foreground = s:fg.gui + let g:terminal_color_0 = s:comments.gui + let g:terminal_color_1 = s:red.gui + let g:terminal_color_2 = s:green.gui + let g:terminal_color_3 = s:yellow.gui + let g:terminal_color_4 = s:blue.gui + let g:terminal_color_5 = s:purple.gui + let g:terminal_color_6 = s:cyan.gui + let g:terminal_color_7 = s:white.gui + let g:terminal_color_8 = g:terminal_color_0 + let g:terminal_color_9 = g:terminal_color_1 + let g:terminal_color_10 = g:terminal_color_2 + let g:terminal_color_11 = g:terminal_color_3 + let g:terminal_color_12 = g:terminal_color_4 + let g:terminal_color_13 = g:terminal_color_5 + let g:terminal_color_14 = g:terminal_color_6 + let g:terminal_color_15 = g:terminal_color_7 +endif + diff --git a/.config/vim/plugin/grammarous.vim b/.config/vim/plugin/grammarous.vim deleted file mode 100644 index f1ef0094..00000000 --- a/.config/vim/plugin/grammarous.vim +++ /dev/null @@ -1,16 +0,0 @@ -let g:languagetool_cmd='/usr/bin/languagetool' -let g:grammarous#default_comments_only_filetypes = { - \ '*' : 1, 'help' : 0, 'markdown' : 0, 'tex': 0, - \ } -let g:grammarous#default_lang='en-GB' -let g:grammarous#enabled_categories = {'*' : ['PUNCTUATION', - \'COLLOQUIALISMS', 'COMPOUNDING', 'CONFUSED_WORDS', 'FALSE_FRIENDS', - \ 'GENDER_NEUTRALITY', 'GRAMMAR', 'MISC', 'PLAIN_ENGLISH', - \ 'PUNCTUATION', 'REDUNDANCY', 'REGIONALISMS', 'REPETITIONS', - \ 'SEMANTICS', 'STYLE', 'TYPOGRAPHY', - \ 'TYPOS', 'WIKIPEDIA'], 'markdown' : ['PUNCTUATION', - \'COLLOQUIALISMS', 'COMPOUNDING', 'CONFUSED_WORDS', 'FALSE_FRIENDS', - \ 'GENDER_NEUTRALITY', 'GRAMMAR', 'MISC', 'PLAIN_ENGLISH', - \ 'PUNCTUATION', 'REDUNDANCY', 'REGIONALISMS', 'REPETITIONS', - \ 'SEMANTICS', 'STYLE', 'TYPOGRAPHY',]} - diff --git a/.config/vim/vimrc b/.config/vim/vimrc index 9a2e7bc0..4677fe64 100644 --- a/.config/vim/vimrc +++ b/.config/vim/vimrc @@ -18,39 +18,43 @@ let s:MRU_File = $XDG_CACHE_HOME."/vim/mru" if !has('nvim') | set viminfofile=$XDG_CACHE_HOME/vim/viminfo | endif +if has('nvim') + source ~/.config/nvim/plugin/plugins.vim +endif -source ~/.config/vim/plugin/plugins.vim +map c :w! \| !compiler "%" " Set leader let mapleader = "," -noh " Leader Mappings map w :update map q :qall map gs :Gstatus +" map Q to gq for line formatting cuz Q is useless +nnoremap Q gq + " Recently edited files map h :History -" map gj and gk to j and k for seamless movement in tex -map j gj -map k gk - " CtrlP use FZF (faster!) nnoremap :Files nnoremap b :Buffers noremap u :wsilent !urlview +" System clipboard copy +nnoremap y "+y +nnoremap p "+p +vnoremap y "+y +vnoremap p "+p +nnoremap Y "+Y +nnoremap P "+P +vnoremap d "+d +nnoremap D "+D + syntax on filetype plugin on -autocmd Filetype scss if getfsize(@%) > 300 | setlocal syntax=OFF | endif - -augroup twig_ft - au! - autocmd BufNewFile,BufRead *.html.inky set syntax=eruby -augroup END - set autoread " Auto reload changed files set wildmenu " Tab autocomplete in command mode @@ -74,6 +78,8 @@ set timeoutlen=1000 ttimeoutlen=0 " Remove timeout when hitting escape set showcmd " Show size of visual selection set cmdheight=2 set t_Co=256 +noh + " set clipboard=unnamedplus set shortmess+=c set updatetime=300 @@ -97,6 +103,22 @@ set wildignore+=*.zip set wildignore+=*/vendor/bundle/* set wildignore+=*/node_modules/ +" Enable autocompletion: +set wildmode=longest,list,full + +" Disables automatic commenting on newline: +autocmd FileType * setlocal formatoptions-=c formatoptions-=r formatoptions-=o + +vnoremap . :normal . + +map f :Goyo \| set linebreak +map o :setlocal spell! spelllang=en_us +set splitbelow splitright + +map s :!clear && shellcheck -x % + +cnoremap w!! execute 'silent! write !sudo tee % >/dev/null' edit! + "------------------------------------------------------------------------------- " Interface "------------------------------------------------------------------------------- @@ -117,8 +139,6 @@ endif let g:material_theme_style='ocean-community' -let g:material_style='ocean' - set background=dark try @@ -134,41 +154,20 @@ highlight Comment cterm=italic gui=italic nnoremap :tabprevious nnoremap :tabnext -" Golang specific settings -let g:go_highlight_build_constraints = 1 -let g:go_highlight_extra_types = 1 -let g:go_highlight_fields = 1 -let g:go_highlight_functions = 1 -let g:go_highlight_methods = 1 -let g:go_highlight_operators = 1 -let g:go_highlight_structs = 1 -let g:go_highlight_types = 1 -let g:go_auto_type_info = 1 - -let g:go_fmt_command = "goimports" - " Find/replace vnoremap "hy:%s/h//g -" Disable highlight -nnoremap e :noh - -" let g:auto_save = 1 " enable AutoSave on Vim startup -" let g:auto_save_in_insert_mode = 0 " do not save in insert mode - -" Get off my lawn - helpful when learning Vim :) +" DON'T USE ARROWS NORMIE nnoremap :echoe "Use Esc" nnoremap :echoe "Use h" nnoremap :echoe "Use l" nnoremap :echoe "Use k" nnoremap :echoe "Use j" +" Split resize nnoremap + :exe "resize " . (winheight(0) * 3/2) nnoremap - :exe "resize " . (winheight(0) * 2/3) -let g:Tlist_WinWidth = 40 -" Syntastic max file size for python -let g:syntastic_python_pylint_post_args="--max-line-length=120" " Make vim obey transparency hi! Normal ctermbg=NONE guibg=NONE @@ -176,18 +175,25 @@ hi! NonText ctermbg=NONE guibg=NONE "------------------------------------------------------------------------------- " Neovim-specific configurations -"------------------------------------------------------------------------------- if has('nvim') let $NVIM_TUI_ENABLE_TRUE_COLOR=1 set termguicolors - " Fix vim-tmux-navigator https://git.io/viGRU nmap h " Fix vim-tmux-navigator https://git.io/vS5QH nmap :TmuxNavigateLeft + + " The following require plugins to be loaded so they should only be set in neovim + let g:vimtex_view_general_viewer = 'zathura' + " Syntastic max file size for python + let g:syntastic_python_pylint_post_args="--max-line-length=120" + + " Widths fot several plugins + let g:goyo_width = 120 " Goyo + let g:Tlist_WinWidth = 40 " Tlist endif @@ -197,15 +203,21 @@ autocmd VimLeave * call system("xsel -ib", getreg('+')) " Useful for GDB debugging packadd termdebug -" Use skeleton files +" File Specific Settings if has("autocmd") - augroup templates - autocmd BufNewFile *.* silent! execute '0r ~/.local/share/vim/templates/skeleton.'.expand(":e") - autocmd BufNewFile * %substitute#\[:VIM_EVAL:\]\(.\{-\}\)\[:END_EVAL:\]#\=eval(submatch(1))#ge - augroup END - - autocmd BufWinLeave *.tex !texclear %:p - autocmd BufRead calcurse-note.* :set filetype=markdown + " Use skeleton files + augroup templates + autocmd BufNewFile *.* silent! execute '0r ~/.local/share/vim/templates/skeleton.'.expand(":e") + autocmd BufNewFile * %substitute#\[:VIM_EVAL:\]\(.\{-\}\)\[:END_EVAL:\]#\=eval(submatch(1))#ge + augroup END + + autocmd BufWinLeave *.tex !texclear %:p " Run texclear on exit + autocmd BufRead calcurse-note.* :set filetype=markdown " Use markdown for calcurse notes + + " Enable Goyo by default for mutt writing + autocmd BufRead,BufNewFile /tmp/neomutt* let g:goyo_width=80 + autocmd BufRead,BufNewFile /tmp/neomutt* :Goyo | set bg=light + autocmd BufRead,BufNewFile /tmp/neomutt* map ZZ :Goyo\|x! + autocmd BufRead,BufNewFile /tmp/neomutt* map ZQ :Goyo\|q! endif -let g:vimtex_view_general_viewer = 'zathura' diff --git a/.config/weechat/sec.conf b/.config/weechat/sec.conf index 11885f76..db0b8d5a 100644 --- a/.config/weechat/sec.conf +++ b/.config/weechat/sec.conf @@ -17,7 +17,9 @@ salt = on [data] __passphrase__ = on -oftc_password = "E2F75D4F911F906735F2F5B072F89A6AE19F978A500E8D608595158505C43A83B77C83059D1EBD9CE1B7DC136786C7C0968582CEC3A46B" -sec.data.oftc_password = "59879149B253DCD9452CEC7CB35B3507C15C0DD2DBF0E1C20E846D4B4EA954B5D1AD104B08171CA0770EBE95326F5F4A0B9650A67A117FA7B42E665940B0B4433D91" -freenode = "0998875CD96E436D77C601C8B25DE3ADF932C976FF6A2630752930B58177566D09219A82E691B3022F0AA08946AA5D719A892810ACC018DDC7D1A5" -rizon_password = "DC71B05DC33507FC77BF164E2CC436236696FB501D1A5CF883E16A7BC1E488FF35E8B31DEFCDBC386E6C4D8EE6CF964AA89BFD3E0C6880734493AB129D08CE72B342" +matrix_password = "26762728EDC040D09887EDD961E4202A788F2523D45D326F3F9A745E8C24ACD4498A8F7F12EC55099E5DA7BED920AAA6281F56" +oftc_password = "B4C0AF3E0107FBBFDEB1D895D419EADA81A8483AB057A6E776B84E122F58FC9F557AC5CCD9AEE3CFBDBFF4B854E3BBE2A4230D9625B428" +sec.data.oftc_password = "D720E7F4DF99A63FDB65F316030E780D9C8DE5881A90D7B6C25BA3E8C728ED3EBB853E3381FD5D49DE6C3DF2FB14A62A254FAF3F3163F26C4571700F60F889D08CD6" +freenode = "179524EC2D9F957B73558EEE4CA58060303538D3647012CB6EE8F7CFE3775297797F30611CEE08C671509B1C93F0590DC793A7E0E8D4775960B2EF" +matrix = "AFA0A16CDD5B7C0109C87EA46F428E0DDCC52DAF43A23F0F2C655D22B8E6AFAC8ED6E41DB931808FDDBCC548DF221A9296DEBB" +rizon_password = "8EE35ED68992AE6EC99395DC7AD7D0D481B5E46F66E53CA57E4E10BF8AA3717759B266640B15E15E50317538D8B55A061922EAD24D8C7A69ECBE9C38209CD7A5A683" diff --git a/.config/weechat/weechat.conf b/.config/weechat/weechat.conf index a6aadf62..bc6d150d 100644 --- a/.config/weechat/weechat.conf +++ b/.config/weechat/weechat.conf @@ -656,6 +656,7 @@ meta2-A = "/cursor move up" meta2-B = "/cursor move down" meta2-C = "/cursor move right" meta2-D = "/cursor move left" +@chat(python.matrix.*):r = "hsignal:matrix_cursor_reply" @item(buffer_nicklist):K = "/window ${_window_number};/kickban ${nick}" @item(buffer_nicklist):b = "/window ${_window_number};/ban ${nick}" @item(buffer_nicklist):k = "/window ${_window_number};/kick ${nick}" diff --git a/.config/zathura/zathurarc b/.config/zathura/zathurarc index 975eff70..e3b8bfb5 100644 --- a/.config/zathura/zathurarc +++ b/.config/zathura/zathurarc @@ -58,7 +58,6 @@ map feedkeys ":exec zanotes $FILE" set render-loading "false" set scroll-step 50 -unmap f -map f toggle_fullscreen -map [fullscreen] f toggle_fullscreen +map F toggle_fullscreen +map [fullscreen] F toggle_fullscreen set selection-clipboard clipboard diff --git a/.config/zsh/.zshrc b/.config/zsh/.zshrc index da3c7217..d460ca11 100644 --- a/.config/zsh/.zshrc +++ b/.config/zsh/.zshrc @@ -1,6 +1,7 @@ #zmodload zsh/zprof eval "$(direnv hook zsh)" >> $XDG_RUNTIME_DIR/direnv -#paleofetch +#welcome.sh +fortune | cowsay | lolcat if [[ -r "${XDG_CACHE_HOME:-$HOME/.cache}/p10k-instant-prompt-${(%):-%n}.zsh" ]]; then source "${XDG_CACHE_HOME:-$HOME/.cache}/p10k-instant-prompt-${(%):-%n}.zsh" fi diff --git a/.config/zsh/aliases b/.config/zsh/aliases index 34f7c4de..ec4905a2 100755 --- a/.config/zsh/aliases +++ b/.config/zsh/aliases @@ -13,6 +13,7 @@ alias yain="yay -Syu " alias ls="ls --color" alias yay="yay --sudoloop" alias lf=lf-ueberzug +alias vimorig=$(which vim) alias vim=nvim weechat(){ @@ -53,6 +54,6 @@ alias dcm="dots commit" alias bon="sudo bash -c 'rc-service bluetooth start && rfkill unblock bluetooth'" -# Override CoreUtils, probably a ba idea but way more convenient -alias cp='rsync -a --progress' -alias wget='aria2c' +alias cx="chmod +x" + +alias lights_on="curl 'http://yeetclock/setcolor?R=136&G=192&B=208'" diff --git a/.local/bin/calconsync b/.local/bin/calconsync new file mode 100755 index 00000000..947beaa1 --- /dev/null +++ b/.local/bin/calconsync @@ -0,0 +1,30 @@ +#!/bin/bash + +eval "$(grep -h -- \ + "^\s*\(export \)\?\(MBSYNCRC\|PASSWORD_STORE_DIR\|NOTMUCH_CONFIG\|GNUPGHOME\|XDG_DATA_HOME\|XDG_CONFIG_HOME\)=" \ + "$HOME/.profile" "$HOME/.bash_profile" "$HOME/.zprofile" "$HOME/.config/zsh/.zprofile" "$HOME/.zshenv" \ + "$HOME/.bashrc" "$HOME/.zshrc" "$HOME/.config/zsh/.zshrc" "$HOME/.pam_environment" 2>/dev/null)" + +export CALCURSE_CALDAV_PASSWORD=$(pass show Server/drive.yigitcolakoglu.com/yigitcolakoglu) +calcurse-caldav + + +tmpfile=$(mktemp) +destfile=$(mktemp) + +wget -q 'https://drive.yigitcolakoglu.com/remote.php/dav/addressbooks/users/yigitcolakoglu/contacts/?export' \ + --user yigitcolakoglu \ + --password "$(pass show Server/drive.yigitcolakoglu.com/yigitcolakoglu)" \ + -O $tmpfile + +abook --convert \ + --informat vcard \ + --infile $tmpfile \ + --outformat abook \ + --outfile $destfile + +rm $tmpfile +chmod 600 $destfile +sed -Ei 's/([0-9]) ([0-9])/\1\2/g' $destfile +sed -Ei 's/\+([0-9])/\1/g' $destfile +mv $destfile "$XDG_DATA_HOME"/abook/addressbook diff --git a/.local/bin/calsync b/.local/bin/calsync deleted file mode 100755 index d288b3ea..00000000 --- a/.local/bin/calsync +++ /dev/null @@ -1,9 +0,0 @@ -#!/bin/bash - -eval "$(grep -h -- \ - "^\s*\(export \)\?\(MBSYNCRC\|PASSWORD_STORE_DIR\|NOTMUCH_CONFIG\|GNUPGHOME\|XDG_DATA_HOME\|XDG_CONFIG_HOME\)=" \ - "$HOME/.profile" "$HOME/.bash_profile" "$HOME/.zprofile" "$HOME/.config/zsh/.zprofile" "$HOME/.zshenv" \ - "$HOME/.bashrc" "$HOME/.zshrc" "$HOME/.config/zsh/.zshrc" "$HOME/.pam_environment" 2>/dev/null)" - -export CALCURSE_CALDAV_PASSWORD=$(pass show Server/drive.yigitcolakoglu.com/yigitcolakoglu) -calcurse-caldav diff --git a/.local/bin/compiler b/.local/bin/compiler new file mode 100755 index 00000000..39e149ed --- /dev/null +++ b/.local/bin/compiler @@ -0,0 +1,57 @@ +#!/bin/sh + +# This script will compile or run another finishing operation on a document. I +# have this script run via vim. +# +# Compiles .tex. groff (.mom, .ms), .rmd, .md, .org. Opens .sent files as sent +# presentations. Runs scripts based on extention or shebang. +# +# Note that .tex files which you wish to compile with XeLaTeX should have the +# string "xelatex" somewhere in a comment/command in the first 5 lines. + +file=$(readlink -f "$1") +dir=${file%/*} +base="${file%.*}" +ext="${file##*.}" + +cd "$dir" || exit 1 + +textype() { \ + command="pdflatex" + ( head -n5 "$file" | grep -qi 'xelatex' ) && command="xelatex" + $command --output-directory="$dir" "$base" && + grep -qi addbibresource "$file" && + biber --input-directory "$dir" "$base" && + $command --output-directory="$dir" "$base" && + $command --output-directory="$dir" "$base" +} + +case "$ext" in + # Try to keep these cases in alphabetical order. + [0-9]) preconv "$file" | refer -PS -e | groff -mandoc -T pdf > "$base".pdf ;; + c) cc "$file" -o "$base" && "$base" ;; + cpp) g++ "$file" -o "$base" && "$base" ;; + cs) mcs "$file" && mono "$base".exe ;; + go) go run "$file" ;; + h) sudo make install ;; + java) javac -d classes "$file" && java -cp classes "${1%.*}" ;; + m) octave "$file" ;; + md) if [ -x "$(command -v lowdown)" ]; then + lowdown -d nointem -e super "$file" -Tms | groff -mpdfmark -ms -kept > "$base".pdf + elif [ -x "$(command -v groffdown)" ]; then + groffdown -i "$file" | groff > "$base.pdf" + else + pandoc -t ms --highlight-style=kate -s -o "$base".pdf "$file" + fi ; ;; + mom) preconv "$file" | refer -PS -e | groff -mom -kept -T pdf > "$base".pdf ;; + ms) preconv "$file" | refer -PS -e | groff -me -ms -kept -T pdf > "$base".pdf ;; + org) emacs "$file" --batch -u "$USER" -f org-latex-export-to-pdf ;; + py) python "$file" ;; + [rR]md) Rscript -e "rmarkdown::render('$file', quiet=TRUE)" ;; + rs) cargo build ;; + sass) sassc -a "$file" "$base.css" ;; + scad) openscad -o "$base".stl "$file" ;; + sent) setsid -f sent "$file" 2>/dev/null ;; + tex) textype "$file" ;; + *) head -n1 "$file" | grep "^#!/" | sed "s/^#!//" | xargs -r -I % "$file" ;; +esac diff --git a/.local/bin/dmenu-mconnect b/.local/bin/dmenu-mconnect index cf9dc57e..d3e4fe9e 100755 --- a/.local/bin/dmenu-mconnect +++ b/.local/bin/dmenu-mconnect @@ -97,7 +97,7 @@ show_menu () { *'Send File') mkdir -p $XDG_RUNTIME_DIR/lf/ rm -rf $XDG_RUNTIME_DIR/lf/sentfile - st -c ranger -e lf -selection-path "$XDG_RUNTIME_DIR/lf/sentfile" + st -c ranger -e lf-ueberzug -selection-path "$XDG_RUNTIME_DIR/lf/sentfile" if [ -f $XDG_RUNTIME_DIR/lf/sentfile ]; then mconnectctl share-file "$2" "$(cat $XDG_RUNTIME_DIR/lf/sentfile)" fi;; diff --git a/.local/bin/dmenu-record b/.local/bin/dmenu-record new file mode 100755 index 00000000..8aa9a87d --- /dev/null +++ b/.local/bin/dmenu-record @@ -0,0 +1,165 @@ +#!/bin/sh + +# Usage: +# `$0`: Ask for recording type via dmenu +# `$0 screencast`: Record both audio and screen +# `$0 video`: Record only screen +# `$0 audio`: Record only audio +# `$0 kill`: Kill existing recording +# +# If there is already a running instance, user will be prompted to end it. + +updateicon() { \ + echo "$1" > /tmp/recordingicon + #pkill -RTMIN+9 "${STATUSBAR:-dwmblocks}" + } + +killrecording() { + recpid="$(cat /tmp/recordingpid)" + # kill with SIGTERM, allowing finishing touches. + kill -15 "$recpid" + rm -f /tmp/recordingpid + updateicon "" + # even after SIGTERM, ffmpeg may still run, so SIGKILL it. + sleep 3 + kill -9 "$recpid" + exit + } + +screencast() { + audio="$(printf "none\nscreen\nmicrophone\nboth" | dmenu -p "Audio Type:")" + case "$audio" in + none) + ffmpeg -y \ + -f x11grab \ + -framerate 60 \ + -s "$(xdpyinfo | grep dimensions | awk '{print $2;}')" \ + -i "$DISPLAY" \ + -r 30 \ + -c:v h264 -crf 0 -preset ultrafast -c:a aac \ + "$HOME/screencast-$(date '+%y%m%d-%H%M-%S').mp4" & + echo $! > /tmp/recordingpid + updateicon "âēī¸đŸŽ™ī¸" + ;; + screen) + ffmpeg -y \ + -f x11grab \ + -framerate 60 \ + -s "$(xdpyinfo | grep dimensions | awk '{print $2;}')" \ + -i "$DISPLAY" \ + -f pulse -i default \ + -r 30 \ + -c:v h264 -crf 0 -preset ultrafast -c:a aac \ + "$HOME/screencast-$(date '+%y%m%d-%H%M-%S').mp4" & + echo $! > /tmp/recordingpid + updateicon "âēī¸đŸŽ™ī¸" + ;; + microphone) + ffmpeg -y \ + -f x11grab \ + -framerate 60 \ + -s "$(xdpyinfo | grep dimensions | awk '{print $2;}')" \ + -i "$DISPLAY" \ + -f alsa -i default \ + -r 30 \ + -c:v h264 -crf 0 -preset ultrafast -c:a aac \ + "$HOME/screencast-$(date '+%y%m%d-%H%M-%S').mp4" & + echo $! > /tmp/recordingpid + updateicon "âēī¸đŸŽ™ī¸" + ;; + both) + ffmpeg -y \ + -f x11grab \ + -framerate 60 \ + -s "$(xdpyinfo | grep dimensions | awk '{print $2;}')" \ + -i "$DISPLAY" \ + -f alsa -i default \ + -r 30 \ + -c:v h264 -crf 0 -preset ultrafast -c:a aac \ + "$HOME/screencast-$(date '+%y%m%d-%H%M-%S').mp4" & + echo $! > /tmp/recordingpid + updateicon "âēī¸đŸŽ™ī¸" + ;; + esac + } + +video() { ffmpeg \ + -f x11grab \ + -s "$(xdpyinfo | grep dimensions | awk '{print $2;}')" \ + -i "$DISPLAY" \ + -c:v libx264 -qp 0 -r 30 \ + "$HOME/video-$(date '+%y%m%d-%H%M-%S').mkv" & + echo $! > /tmp/recordingpid + updateicon "âēī¸" + } + +webcamhidef() { ffmpeg \ + -f v4l2 \ + -i /dev/video0 \ + -video_size 1920x1080 \ + "$HOME/webcam-$(date '+%y%m%d-%H%M-%S').mkv" & + echo $! > /tmp/recordingpid + updateicon "đŸŽĨ" + } + +webcam() { ffmpeg \ + -f v4l2 \ + -i /dev/video0 \ + -video_size 640x480 \ + "$HOME/webcam-$(date '+%y%m%d-%H%M-%S').mkv" & + echo $! > /tmp/recordingpid + updateicon "đŸŽĨ" + } + + +audio() { \ + ffmpeg \ + -f alsa -i default \ + -c:a flac \ + "$HOME/audio-$(date '+%y%m%d-%H%M-%S').flac" & + echo $! > /tmp/recordingpid + updateicon "🎙ī¸" + } + +askrecording() { \ + choice=$(printf "screencast\\nvideo\\nvideo selected\\naudio\\nwebcam\\nwebcam (hi-def)" | dmenu -i -p "Select recording style:") + case "$choice" in + screencast) screencast;; + audio) audio;; + video) video;; + *selected) videoselected;; + webcam) webcam;; + "webcam (hi-def)") webcamhidef;; + esac + } + +asktoend() { \ + response=$(printf "No\\nYes" | dmenu -i -p "Recording still active. End recording?") && + [ "$response" = "Yes" ] && killrecording + } + +videoselected() +{ + slop -f "%x %y %w %h" > /tmp/slop + read -r X Y W H < /tmp/slop + rm /tmp/slop + + ffmpeg \ + -f x11grab \ + -framerate 60 \ + -video_size "$W"x"$H" \ + -i :0.0+"$X,$Y" \ + -c:v libx264 -qp 0 -r 30 \ + "$HOME/box-$(date '+%y%m%d-%H%M-%S').mkv" & + echo $! > /tmp/recordingpid + updateicon "âēī¸" +} + +case "$1" in + screencast) screencast;; + audio) audio;; + video) video;; + *selected) videoselected;; + kill) killrecording;; + *) ([ -f /tmp/recordingpid ] && asktoend && exit) || askrecording;; +esac diff --git a/.local/bin/doom b/.local/bin/doom new file mode 100755 index 00000000..77470fe5 --- /dev/null +++ b/.local/bin/doom @@ -0,0 +1,7 @@ +#!/bin/sh + +# This is a thin wrapper around "doom" so that it can easily be run from dmenu + +dunstify -r 57 -a "Ξ Doom Emacs" "Running \"doom $@\"" +$XDG_CONFIG_HOME/emacs/bin/doom $@ +dunstify -r 57 -a "Ξ Doom Emacs" "Finished \"doom $@\"" diff --git a/.local/bin/exfirefoxtabs.py b/.local/bin/exfirefoxtabs.py new file mode 100755 index 00000000..5a0648e4 --- /dev/null +++ b/.local/bin/exfirefoxtabs.py @@ -0,0 +1,28 @@ +#! /usr/bin/python + +""" +List all Firefox tabs with title and URL + +Supported input: json or jsonlz4 recovery files +Default output: title (URL) +Output format can be specified as argument +""" + +import sys +import os +import pathlib +import lz4.block +import json + +path = pathlib.Path.home().joinpath('.mozilla/firefox') +files = path.glob(os.environ['FIREFOX_PROFILE'] + '/sessionstore-backups/recovery.js*') + +for f in files: + b = f.read_bytes() + if b[:8] == b'mozLz40\0': + b = lz4.block.decompress(b[8:]) + j = json.loads(b) + for w in j['windows']: + for t in w['tabs']: + i = t['index'] - 1 + print(t['entries'][i]['url']) diff --git a/.local/bin/genpwd b/.local/bin/genpwd index 744ad39c..a6fd725a 100755 --- a/.local/bin/genpwd +++ b/.local/bin/genpwd @@ -15,7 +15,8 @@ password_files=( "${password_files[@]%.gpg}" ) folder=$(printf '%s\n' "${password_files[@]}" | cut -d"/" -f1 | sort | uniq | dmenu -l 10 -p "Folder" -i "$@") [[ -n $folder ]] || exit -site=$(printf '%s\n' "${password_files[@]}" | cut -d"/" -f2 | sort | uniq | dmenu -l 10 -p "Site" -i "$@") +open_urls="$($HOME/.local/bin/exfirefoxtabs.py | awk -F/ '{print $3}' | sort | uniq )" +site=$(printf '%s\n%s\n' "$open_urls" "$("${password_files[@]}" | cut -d"/" -f2 )" | dmenu -l 10 -p "Site" -i "$@") [[ -n $site ]] || exit username=$(printf '%s\n' "${password_files[@]}" | cut -d"/" -f3 | sort | uniq | dmenu -l 10 -p "Username" "$@") [[ -n $username ]] || exit diff --git a/.local/bin/password_manager b/.local/bin/password_manager index 5b9631d0..1c3e2a32 100755 --- a/.local/bin/password_manager +++ b/.local/bin/password_manager @@ -13,27 +13,43 @@ password_files=( "$prefix"/**/*.gpg ) password_files=( "${password_files[@]#"$prefix"/}" ) password_files=( "${password_files[@]%.gpg}" ) -entry=$(printf '%s\n' "${password_files[@]}" | sort | dmenu -l 7 -p "Pass" -i "$@") +# Show urls open in firefox on top +open_urls="$($HOME/.local/bin/exfirefoxtabs.py | awk -F/ '{print $3}' | sort | uniq | sed 's/$/\//g' | sed ':a;N;$!ba;s/\n/|\//g')" +pfiles="$(printf "%s\n" ${password_files[@]})" +list="$(echo "$pfiles" | grep -E "$open_urls")\n$(echo "$pfiles" | grep -Ev "$open_urls")" +entry=$(echo -e "$list" | dmenu -l 7 -p "Pass" -i "$@") [[ -n $entry ]] || exit -action=$(echo -e "Username\nPassword\nTOTP" | dmenu -p "Entry" -i ) +action=$(echo -e "Login\nUsername\nPassword\nTOTP" | dmenu -p "Entry" -i ) case "$action" in + Login) + username=$(echo "$entry" | rev | cut -d"/" -f 1 | rev) + password=$(pass show "$entry") + printf %s "$username" | xargs | xdotool type --clearmodifiers --file - + xdotool key Tab + printf %s "$password" | { IFS= read -r pass; printf %s "$pass"; } | xargs | + xdotool type --clearmodifiers --file - + xdotool key Return + ;; Username) username=$(echo "$entry" | rev | cut -d"/" -f 1 | rev) - echo "$username" | xclip -selection clipboard + printf %s "$username" | xclip -selection clipboard + printf %s "$username" | xargs | xdotool type --clearmodifiers --file - notify-send -a "ī‚„ Password Manager" "Username copied to clipboard";; Password) password=$(pass show "$entry") - echo "$password" | xclip -selection clipboard - echo "$password" | { IFS= read -r pass; printf %s "$pass"; } | + printf %s "$password" | xclip -selection clipboard + printf %s "$password" | { IFS= read -r pass; printf %s "$pass"; } | xargs | xdotool type --clearmodifiers --file - notify-send -a "ī‚„ Password Manager" "Password copied to clipboard";; TOTP) otp=$(pass otp "$entry") - echo "$otp" | xclip -selection clipboard - echo "$otp" | { IFS= read -r pass; printf %s "$pass"; } | + printf %s "$otp" | xclip -selection clipboard + printf %s "$otp" | { IFS= read -r pass; printf %s "$pass"; } | xdotool type --clearmodifiers --file - - notify-send -a "ī‚„ Password Manager" "TOTP copied to clipboard";; + notify-send -a "ī‚„ Password Manager" "TOTP copied to clipboard" + xdotool key Return + ;; esac diff --git a/.local/bin/status-bar/battery b/.local/bin/status-bar/battery index 15fac50e..9404e8bf 100755 --- a/.local/bin/status-bar/battery +++ b/.local/bin/status-bar/battery @@ -20,27 +20,44 @@ else export bat=$(cat /sys/class/power_supply/BAT0/capacity) export status=$(cat /sys/class/power_supply/BAT0/status) export plugged=$(cat /sys/class/power_supply/AC/online) + tleft=$(acpi -b | sed -r 's/.* ([0-9]{2}:[0-9]{2}).*/\1/g') + if [ -f "$XDG_CACHE_HOME/battery_tleft" ] && [ ! $(echo "$tleft" | grep "Full")]; then + stats="$tleft" + else + stats="$bat%" + fi if [[ $plugged == "1" ]]; then - echo "^c#ebcb8b^$ac_bat^d^ $bat%" + echo "^c#ebcb8b^$ac_bat^d^ $stats" elif [[ $bat -lt 10 ]]; then - echo "^c#ebcb8b^$ramp10^d^ $bat%" + echo "^c#ebcb8b^$ramp10^d^ $stats" elif [[ $bat -lt 20 ]]; then - echo "^c#ebcb8b^$ramp20^d^ $bat%" + echo "^c#ebcb8b^$ramp20^d^ $stats" elif [[ $bat -lt "30" ]]; then - echo "^c#ebcb8b^$ramp30^d^ $bat%" + echo "^c#ebcb8b^$ramp30^d^ $stats" elif [[ $bat -lt "40" ]]; then - echo "^c#ebcb8b^$ramp40^d^ $bat%" + echo "^c#ebcb8b^$ramp40^d^ $stats" elif [[ $bat -lt "50" ]]; then - echo "^c#ebcb8b^$ramp50^d^ $bat%" + echo "^c#ebcb8b^$ramp50^d^ $stats" elif [[ $bat -lt "60" ]]; then - echo "^c#ebcb8b^$ramp60^d^ $bat%" + echo "^c#ebcb8b^$ramp60^d^ $stats" elif [[ $bat -lt "70" ]]; then - echo "^c#ebcb8b^$ramp70^d^ $bat%" + echo "^c#ebcb8b^$ramp70^d^ $stats" elif [[ $bat -lt "80" ]]; then - echo "^c#ebcb8b^$ramp80^d^ $bat%" + echo "^c#ebcb8b^$ramp80^d^ $stats" elif [[ $bat -lt "90" ]]; then - echo "^c#ebcb8b^$ramp90^d^ $bat%" + echo "^c#ebcb8b^$ramp90^d^ $stats" elif [[ $bat -le "100" ]]; then - echo "^c#ebcb8b^$ramp100^d^ $bat%" + echo "^c#ebcb8b^$ramp100^d^ $stats" fi fi + +case $BLOCK_BUTTON in + 1) + if [ -f "$XDG_CACHE_HOME/battery_tleft" ]; then + rm "$XDG_CACHE_HOME/battery_tleft" + else + touch "$XDG_CACHE_HOME/battery_tleft" + fi + ;; +esac + diff --git a/.local/bin/status-bar/bluetooth b/.local/bin/status-bar/bluetooth index 6e8fe462..125f9d8d 100755 --- a/.local/bin/status-bar/bluetooth +++ b/.local/bin/status-bar/bluetooth @@ -3,14 +3,14 @@ power=$(timeout 1 bluetoothctl show | grep "Powered: yes" | wc -w) if [ "$power" -eq 0 ]; then - echo "^c#81a1c1^ī–ą^d^" # Add color + : else device="$(echo info | timeout 1 bluetoothctl | grep 'Name')" if [ ! "$device" = "" ]; then echo "^c#81a1c1^ī–°^d^ $(echo "$device" | head -n 1 | xargs | cut -c 7-)" else - echo "^c#81a1c1^ī–Ž^d^" + : fi fi diff --git a/.local/bin/status-bar/mail b/.local/bin/status-bar/mail index df18f62f..aca8e6c2 100755 --- a/.local/bin/status-bar/mail +++ b/.local/bin/status-bar/mail @@ -1,12 +1,14 @@ #!/bin/sh -mcount=$(cat ~/.cache/mcount) -msync=$(cat ~/.cache/msync) +[ -f "$HOME/.cache/mcount" ] && mcount=$(cat ~/.cache/mcount) +[ -f "$HOME/.cache/msync" ] && msync=$(cat ~/.cache/msync) #echo -n "^c#a3be8c^ī‘Ē ^d^ $msync ^c#81a1c1^ī›­ ^d^ $mcount" (Takes more space) -echo -n "^c#81a1c1^ī›­ ^d^ $mcount" +if [ ! "$mcount" = "0" ]; then + echo -n "^c#81a1c1^ī›­ ^d^ $mcount" +fi case $BLOCK_BUTTON in 1) setsid -f st -c center -n center -e neomutt;; - 1) ~/.local/bin/mailsync;; + 3) ~/.local/bin/mailsync;; esac diff --git a/.local/bin/status-bar/network b/.local/bin/status-bar/network index e9097cb7..2352151b 100755 --- a/.local/bin/status-bar/network +++ b/.local/bin/status-bar/network @@ -20,12 +20,12 @@ is_wlan_used=$(cat /sys/class/net/$WLAN_IT/carrier) echo -n "^c#88c0d0^" if [ "$is_eth_used" -eq 1 ]; then # wired network is carrying - icon="ī›ŋ ^d^ " #uF6FF + icon="ī›ŋ ^d^ " #uF6FF elif [ "$is_wlan_used" -eq 1 ]; then # wireless network is carrying ssid=$(get_ssid) - icon="īĒ¨ ^d^" #uF1EB + icon="ī‡Ģ ^d^" #uF1EB else - icon="ī„¨ ^d^" #uf128 # no network + icon="ī„¨ ^d^" #uf128 # no network fi echo -n $icon diff --git a/.local/bin/status-bar/weather b/.local/bin/status-bar/weather index 3975d105..a963887b 100755 --- a/.local/bin/status-bar/weather +++ b/.local/bin/status-bar/weather @@ -6,54 +6,54 @@ weatherreport="${XDG_CACHE_HOME:-$HOME/.local/share}/weatherreport" weatherreportjson="${XDG_CACHE_HOME:-$HOME/.local/share}/weatherreportjson" WCODES=( - ["113"]="^c#ebcb8b^" - ["116"]="^c#ebcb8b^" - ["119"]="^c#ffffff^ī™ĸ" - ["122"]="^c#ffffff^" - ["143"]="^c#ffffff^" - ["176"]="^c#81a1c1^" - ["179"]="^c#81a1c1^" - ["182"]="^c#81a1c1^" - ["185"]="^c#81a1c1^" + ["113"]="^c#ebcb8b^ " + ["116"]="^c#ebcb8b^ " + ["119"]="^c#ffffff^ī™ĸ " + ["122"]="^c#ffffff^ " + ["143"]="^c#ffffff^ " + ["176"]="^c#81a1c1^ " + ["179"]="^c#81a1c1^ " + ["182"]="^c#81a1c1^ " + ["185"]="^c#81a1c1^ " ["200"]="^c#81a1c1^îĻ " - ["227"]="^c#ffffff^" - ["230"]="^c#ffffff^" - ["248"]="^c#ffffff^" - ["260"]="^c#ffffff^" - ["263"]="^c#81a1c1^" - ["266"]="^c#81a1c1^" - ["281"]="^c#81a1c1^" - ["284"]="^c#81a1c1^" - ["293"]="^c#81a1c1^" - ["296"]="^c#81a1c1^" - ["299"]="^c#81a1c1^" - ["302"]="^c#81a1c1^" - ["305"]="^c#81a1c1^" - ["308"]="^c#81a1c1^" - ["311"]="^c#81a1c1^" - ["314"]="^c#81a1c1^" - ["317"]="^c#81a1c1^" - ["320"]="^c#ffffff^" - ["323"]="^c#81a1c1^" - ["326"]="^c#81a1c1^" - ["329"]="^c#ffffff^" - ["332"]="^c#ffffff^" - ["335"]="^c#81a1c1^" - ["338"]="^c#ffffff^" - ["350"]="^c#81a1c1^" - ["353"]="^c#81a1c1^" - ["356"]="^c#81a1c1^" - ["359"]="^c#81a1c1^" - ["362"]="^c#81a1c1^" - ["365"]="^c#81a1c1^" - ["368"]="^c#81a1c1^" - ["371"]="^c#81a1c1^" - ["374"]="^c#81a1c1^" - ["377"]="^c#81a1c1^" - ["386"]="^c#81a1c1^" - ["389"]="^c#81a1c1^" - ["392"]="^c#81a1c1^" - ["395"]="^c#81a1c1^" + ["227"]="^c#ffffff^ " + ["230"]="^c#ffffff^ " + ["248"]="^c#ffffff^ " + ["260"]="^c#ffffff^ " + ["263"]="^c#81a1c1^ " + ["266"]="^c#81a1c1^ " + ["281"]="^c#81a1c1^ " + ["284"]="^c#81a1c1^ " + ["293"]="^c#81a1c1^ " + ["296"]="^c#81a1c1^ " + ["299"]="^c#81a1c1^ " + ["302"]="^c#81a1c1^ " + ["305"]="^c#81a1c1^ " + ["308"]="^c#81a1c1^ " + ["311"]="^c#81a1c1^ " + ["314"]="^c#81a1c1^ " + ["317"]="^c#81a1c1^ " + ["320"]="^c#ffffff^ " + ["323"]="^c#81a1c1^ " + ["326"]="^c#81a1c1^ " + ["329"]="^c#ffffff^ " + ["332"]="^c#ffffff^ " + ["335"]="^c#81a1c1^ " + ["338"]="^c#ffffff^ " + ["350"]="^c#81a1c1^ " + ["353"]="^c#81a1c1^ " + ["356"]="^c#81a1c1^ " + ["359"]="^c#81a1c1^ " + ["362"]="^c#81a1c1^ " + ["365"]="^c#81a1c1^ " + ["368"]="^c#81a1c1^ " + ["371"]="^c#81a1c1^ " + ["374"]="^c#81a1c1^ " + ["377"]="^c#81a1c1^ " + ["386"]="^c#81a1c1^ " + ["389"]="^c#81a1c1^ " + ["392"]="^c#81a1c1^ " + ["395"]="^c#81a1c1^ " ) getforecast() { curl -sf "wttr.in/$LOCATION" > "$weatherreport" || exit 1 ;} diff --git a/.local/bin/synccontacts b/.local/bin/synccontacts deleted file mode 100755 index 6a3e1433..00000000 --- a/.local/bin/synccontacts +++ /dev/null @@ -1,20 +0,0 @@ -#!/bin/bash - -tmpfile=$(mktemp) -destfile=$(mktemp) - -wget -q 'https://drive.yigitcolakoglu.com/remote.php/dav/addressbooks/users/yigitcolakoglu/contacts/?export' \ - --user yigitcolakoglu \ - --password "$(pass show Server/drive.yigitcolakoglu.com/yigitcolakoglu)" \ - -O $tmpfile - -abook --convert \ - --informat vcard \ - --infile $tmpfile \ - --outformat abook \ - --outfile $destfile - -rm $tmpfile -chmod 600 $destfile -sed 's/([0-9]) ([0-9])/\1\2/g' $destfile -mv $destfile "$XDG_DATA_HOME"/abook/addressbook diff --git a/.local/bin/zanotes b/.local/bin/zanotes index c339472e..7b4b3dd5 100755 --- a/.local/bin/zanotes +++ b/.local/bin/zanotes @@ -19,8 +19,19 @@ EOF } function add_annotation() { - xclip -out -selection clipboard >> "$1" - echo -e "\n> \n" >> $1 + selection=$(xclip -out -selection clipboard | sed ':a;N;$!ba;s/\n/ /g') + text="" + ccount=0 + for word in $selection; do + ccount=$(( $ccount + $(echo $word | wc -c))) + if [ $ccount -gt 75 ]; then + ccount=0 + echo "$(echo $text | xargs)" >> $1 + text="" + fi + text="$text$word " + done + echo -e "> \n" >> $1 } diff --git a/.local/share/dwm/autostart.sh b/.local/share/dwm/autostart.sh index 868944f8..6c95d195 100755 --- a/.local/share/dwm/autostart.sh +++ b/.local/share/dwm/autostart.sh @@ -1,5 +1,12 @@ #!/bin/sh +function restart_if_fails(){ + until bash -c "$1"; do + echo "$1 exited with code $?. Restarting in 1 second..." + sleep 1 + done & +} + ~/.local/bin/daily-update redshift -x 2> /dev/null > /dev/null @@ -12,36 +19,38 @@ dwmblocks > $XDG_RUNTIME_DIR/dwmblocks.out 2> $XDG_RUNTIME_DIR/dwmblocks.err & --exec-on-unmount "notify-send -a 'īŠ’ drive unmounted' '%l (%f) from %d '" \ --no-unmount --no-gui & -clipmenud > $XDG_RUNTIME_DIR/clipmenud.out 2> $XDG_RUNTIME_DIR/clipmenud.err & -rm -f ~/.surf/tabbed-surf.xid -/bin/polkit-dumb-agent & -darkhttpd $HOME/.local/share/startpage/dist --port 9999 --daemon --addr 127.0.0.1 +restart_if_fails "clipmenud > $XDG_RUNTIME_DIR/clipmenud.out 2> $XDG_RUNTIME_DIR/clipmenud.err" -~/.local/bin/keyboard > $XDG_RUNTIME_DIR/keyboard.out 2> $XDG_RUNTIME_DIR/keyboard.err +darkhttpd $HOME/.local/share/startpage/dist --port 9999 --daemon --addr 127.0.0.1 -dunst & +~/.local/bin/keyboard > $XDG_RUNTIME_DIR/keyboard.out 2> $XDG_RUNTIME_DIR/keyboard.err & +restart_if_fails dunst touch ~/.cache/nextcloud-track -xss-lock -- slock & -picom --no-fading-openclose & +restart_if_fails "xss-lock -- slock" +restart_if_fails "picom --no-fading-openclose" -xbanish -s & - -#tmux new-session -s weechat -d weechat > /dev/null 2> /dev/null - -~/.local/bin/firefox-sync +restart_if_fails "xbanish -s" +~/.local/bin/firefox-sync & ~/.local/bin/mailsync & +for i in $XDG_CONFIG_HOME/goimapnotify/*; do + m="$(echo "$i" | sed "s/.*\///g")" + restart_if_fails "goimapnotify -conf $i > $XDG_RUNTIME_DIR/$m.watch.out 2> $XDG_RUNTIME_DIR/$m.watch.err" +done + if [ "$NEXTCLOUD" = true ] ; then nextcloud --background & fi + mkdir -p ~/Downloads/neomutt if [ "$MCONNECT" = true ] ; then mkdir -p ~/Downloads/mconnect - (cd ~/Downloads/mconnect; mconnect -d > $XDG_RUNTIME_DIR/mconnect 2> $XDG_RUNTIME_DIR/mconnect.err &) + (cd ~/Downloads/mconnect; restart_if_fails "mconnect -d > $XDG_RUNTIME_DIR/mconnect 2> $XDG_RUNTIME_DIR/mconnect.err") fi + if [ "$ACTIVITYWATCHER" = true ] ; then pkill -f aw-watcher-window pkill -f aw-watcher-afk @@ -50,12 +59,10 @@ if [ "$ACTIVITYWATCHER" = true ] ; then aw-watcher-window & aw-watcher-afk & fi + mpd -mpDris2 & +restart_if_fails mpDris2 curl 'http://yeetclock/setcolor?R=136&G=192&B=208' & - - - diff --git a/.local/share/gnupg/gpg-agent.conf b/.local/share/gnupg/gpg-agent.conf index f87cd6a1..8fc58566 100644 --- a/.local/share/gnupg/gpg-agent.conf +++ b/.local/share/gnupg/gpg-agent.conf @@ -1,6 +1,4 @@ -pinentry-program /usr/bin/pinentry +pinentry-program /usr/bin/pinentry-qt no-grab allow-preset-passphrase max-cache-ttl 172800 -enable-ssh-support -max-cache-ttl-ssh 86400 diff --git a/.local/src/dmenu/dmenu.c b/.local/src/dmenu/dmenu.c index 569c525f..93e1c70d 100644 --- a/.local/src/dmenu/dmenu.c +++ b/.local/src/dmenu/dmenu.c @@ -40,8 +40,8 @@ struct item { }; +static char **hpitems = NULL; static int hplength = 0; -static char **hpitems; static char text[BUFSIZ] = ""; static char *embed; static int bh, mw, mh; @@ -123,8 +123,9 @@ xinitvisual() } } + static char** -tokenize(char *source, char *delim, int *llen) { +tokenize(char *source, const char *delim, int *llen) { int listlength = 0; char **list = malloc(1 * sizeof(char*)); char *token = strtok(source, delim); @@ -1030,9 +1031,8 @@ main(int argc, char *argv[]) colors[SchemeSelHighlight][ColBg] = argv[++i]; else if (!strcmp(argv[i], "-shf")) /* selected hi foreground color */ colors[SchemeSelHighlight][ColFg] = argv[++i]; - else if (!strcmp(argv[i], "-hp")){ + else if (!strcmp(argv[i], "-hp")) hpitems = tokenize(argv[++i], ",", &hplength); - } else if (!strcmp(argv[i], "-it")) { /* embedding window id */ const char * text = argv[++i]; insert(text, strlen(text)); diff --git a/.local/src/dwm/config.h b/.local/src/dwm/config.h index fcaf67fe..d1150bc8 100644 --- a/.local/src/dwm/config.h +++ b/.local/src/dwm/config.h @@ -41,6 +41,7 @@ const char *spcmd3[] = {"st", "-c", "scratchpad", "-n", "spmutt", "-g", "180x51" static const char *spcmd4[] = { "/usr/local/bin/st", "-g", "150x35", "-c", "spfile", "-n", "spfile", "-e", "/home/yigit/.local/bin/lf-ueberzug", NULL }; static const char *spcmd5[] = { "/usr/local/bin/st", "-g", "150x35", "-c", "spmusic", "-n", "spmusic", "-e", "ncmpcpp", NULL }; static const char *spcmd6[] = { "/usr/local/bin/st", "-g", "150x35", "-c", "spcal", "-n", "spcal", "-e", "calcurse", NULL }; +static const char *spcmd7[] = { "obsidian" }; static Sp scratchpads[] = { {"spterm", spcmd1}, @@ -49,6 +50,7 @@ static Sp scratchpads[] = { {"spfile", spcmd4}, {"spmusic", spcmd5}, {"spcal", spcmd6}, + {"obsidian", spcmd7}, }; /* key definitions */ @@ -75,6 +77,7 @@ static Button buttons[] = { { ClkTagBar, 0, Button3, toggleview, {0} }, { ClkTagBar, MODKEY, Button1, tag, {0} }, { ClkTagBar, MODKEY, Button3, toggletag, {0} }, + { ClkWinTitle, 0, Button2, zoom, {0} }, }; static Signal signals[] = { diff --git a/.local/src/dwm/dwm.c b/.local/src/dwm/dwm.c index 9e10207b..935f6ea7 100644 --- a/.local/src/dwm/dwm.c +++ b/.local/src/dwm/dwm.c @@ -75,8 +75,8 @@ enum { NetSupported, NetWMName, NetWMState, NetWMCheck, NetWMFullscreen, NetActiveWindow, NetWMWindowType, NetWMWindowTypeDialog, NetClientList, NetLast }; /* EWMH atoms */ enum { WMProtocols, WMDelete, WMState, WMTakeFocus, WMLast }; /* default atoms */ -enum { ClkTagBar, ClkLtSymbol, ClkStatusText, ClkClientWin, - ClkRootWin, ClkLast }; /* clicks */ +enum { ClkTagBar, ClkLtSymbol, ClkStatusText, ClkWinTitle, + ClkClientWin, ClkRootWin, ClkLast }; /* clicks */ typedef union { int i; unsigned int ui; @@ -567,7 +567,7 @@ buttonpress(XEvent *e) { unsigned int i, x, click, occ = 0; unsigned int xc; - int padding = - sp * 3; /* I don't know why 3 works better than two, but it does */ + int padding = - sp * 3; /* I don't know why 4 works better than two, but it does */ Arg arg = {0}; Client *c, *sel; Monitor *m; @@ -596,9 +596,7 @@ buttonpress(XEvent *e) arg.ui = 1 << i; } else if (ev->x < x + blw) click = ClkLtSymbol; - else{ - // x = selmon->ww - statusw; - // + else if(ev->x > selmon->ww - selmon->tw){ click = ClkStatusText; xc = selmon->ww - selmon->tw + padding; xc += lrpad / 2; @@ -618,7 +616,8 @@ buttonpress(XEvent *e) dwmblockssig = ch; } } - } + }else + click = ClkWinTitle; } else if ((c = wintoclient(ev->window))) { focus(c); restack(selmon); @@ -970,11 +969,7 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) if (!(text = (char*) malloc(sizeof(char)*len))) die("malloc"); p = text; - #if STATUSCMD_PATCH copyvalidchars(text, stext); - #else - memcpy(text, stext, len); - #endif // STATUSCMD_PATCH /* compute width of the status text */ w = stp * 2; @@ -984,11 +979,7 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) if (!isCode) { isCode = 1; text[i] = '\0'; - #if PANGO_PATCH - w += TEXTWM(text) - lrpad; - #else w += TEXTW(text) - lrpad; - #endif // PANGO_PATCH text[i] = '^'; if (text[++i] == 'f') w += atoi(text + ++i); @@ -1000,15 +991,11 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) } } if (!isCode) - #if PANGO_PATCH - w += TEXTWM(text) - lrpad; - #else w += TEXTW(text) - lrpad; - #endif // PANGO_PATCH else isCode = 0; text = p; - w += 2; /* 1px padding on both sides */ + w += 0; /* 1px padding on both sides */ if (align == 0) x = 0 + stp; // left else if (align == 1) @@ -1030,13 +1017,8 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) isCode = 1; text[i] = '\0'; - #if PANGO_PATCH - w = TEXTWM(text) - lrpad; - drw_text(drw, x, 0, w, bh, 0, text, 0, True); - #else w = TEXTW(text) - lrpad; drw_text(drw, x, 0, w, bh, 0, text, 0); - #endif // PANGO_PATCH x += w; @@ -1050,13 +1032,7 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) } memcpy(buf, (char*)text+i+1, 7); buf[7] = '\0'; - #if ALPHA_PATCH && STATUS2D_NO_ALPHA_PATCH - drw_clr_create(drw, &drw->scheme[ColFg], buf, 0xff); - #elif ALPHA_PATCH - drw_clr_create(drw, &drw->scheme[ColFg], buf, alphas[SchemeNorm][ColFg]); - #else drw_clr_create(drw, &drw->scheme[ColFg], buf); - #endif // ALPHA_PATCH i += 7; } else if (text[i] == 'b') { char buf[8]; @@ -1066,13 +1042,7 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) } memcpy(buf, (char*)text+i+1, 7); buf[7] = '\0'; - #if ALPHA_PATCH && STATUS2D_NO_ALPHA_PATCH - drw_clr_create(drw, &drw->scheme[ColBg], buf, 0xff); - #elif ALPHA_PATCH - drw_clr_create(drw, &drw->scheme[ColBg], buf, alphas[SchemeNorm][ColBg]); - #else drw_clr_create(drw, &drw->scheme[ColBg], buf); - #endif // ALPHA_PATCH i += 7; } else if (text[i] == 'd') { drw->scheme[ColFg] = scheme[SchemeNorm][ColFg]; @@ -1104,13 +1074,8 @@ drawstatusbar(Monitor *m, int bh, char* stext, int stw, int stp, int align) } if (!isCode) { - #if PANGO_PATCH - w = TEXTWM(text) - lrpad; - drw_text(drw, x, 0, w, bh, 0, text, 0, True); - #else w = TEXTW(text) - lrpad; drw_text(drw, x, 0, w, bh, 0, text, 0); - #endif // PANGO_PATCH } drw_setscheme(drw, scheme[SchemeNorm]); @@ -1151,10 +1116,6 @@ drawbar(Monitor *m) else drw_text(drw, x, 0, w, bh, lrpad / 2, busytags[i], urg & 1 << i); - /** if (occ & 1 << i) */ - /** drw_rect(drw, x + boxw, 0, w - ( 2 * boxw + 1), boxw, */ - /** m == selmon && selmon->sel && selmon->sel->tags & 1 << i, */ - /** urg & 1 << i); */ x += w; } w = blw = TEXTW(m->ltsymbol); @@ -1162,8 +1123,8 @@ drawbar(Monitor *m) x = drw_text(drw, x, 0, w, bh, lrpad / 2, m->ltsymbol, 0); if ((w = m->ww - m->tw - x) > bh) { - drw_setscheme(drw, scheme[SchemeInfoNorm]); - drw_rect(drw, x, 0, w - 2 * sp, bh, 1, 1); + drw_setscheme(drw, scheme[SchemeInfoNorm]); + drw_rect(drw, x, 0, w - 2 * sp, bh, 1, 1); } drw_map(drw, m->barwin, 0, 0, m->ww, bh); } @@ -1872,8 +1833,11 @@ propertynotify(XEvent *e) drawbars(); break; } - if (ev->atom == XA_WM_NAME || ev->atom == netatom[NetWMName]) + if (ev->atom == XA_WM_NAME || ev->atom == netatom[NetWMName]){ updatetitle(c); + if (c == c->mon->sel) + drawbar(c->mon); + } if (ev->atom == netatom[NetWMWindowType]) updatewindowtype(c); } diff --git a/.local/src/dwm/keybinds.h b/.local/src/dwm/keybinds.h index 970c93f1..876b26d5 100644 --- a/.local/src/dwm/keybinds.h +++ b/.local/src/dwm/keybinds.h @@ -38,6 +38,7 @@ static const char *refresh[] = {"/home/yigit/.local/bin/dmenu-refresh", NULL}; static const char *keyboard[] = {"/home/yigit/.local/bin/kbmap_toggle", NULL}; static const char *screenshot[] = { "scrot", "/tmp/%Y-%m-%d-%s_$wx$h.png", "-e","xclip -selection clipboard -target image/png -i $f; cp $f ~/Pictures/Screenshots;notify-send -a \"SNAP\" \"$f\"", NULL }; +static const char *selectshot[] = { "scrot", "-s","/tmp/%Y-%m-%d-%s_$wx$h.png", "-e","xclip -selection clipboard -target image/png -i $f; cp $f ~/Pictures/Screenshots;notify-send -a \"SNAP\" \"$f\"", NULL }; static const char *windowshot[] = { "scrot", "-u", "/tmp/%Y-%m-%d-%s_$wx$h.png", "-e","xclip -selection clipboard -target image/png -i $f; cp $f ~/Pictures/Screenshots;notify-send -a \"SNAP\" \"$f\"", NULL }; static const char *simcrop[] = {"simcrop","-fc","-sc", "-g", "900x500",NULL}; @@ -64,6 +65,7 @@ static const char *trackpad[] = {"/home/yigit/.local/bin/toggle_touchpad.sh"}; static const char *bluetooth[] = {"/home/yigit/.local/bin/dmenu-bluetooth", NULL}; static const char *url[] = {"/home/yigit/.local/bin/dmenu_surf", NULL}; static const char *readbook[] = {"/home/yigit/.local/bin/dmenu-books", NULL}; +static const char *record[] = {"/home/yigit/.local/bin/dmenu-record", NULL}; static const char *edit[] = {"/home/yigit/.local/bin/dmenu-edit", NULL}; static const char *surf[] = {"/home/yigit/.local/bin/tabbed_surf", NULL}; static const char *searx[] = {"/home/yigit/.local/bin/dmenu-searx", NULL}; @@ -138,10 +140,12 @@ static Key keys[] = { { 0, XF86XK_AudioNext, spawn, {.v = next } }, { 0, XK_Print, spawn, {.v = screenshot } }, { MODKEY, XK_Print, spawn, {.v = windowshot } }, + { MODKEY|Mod1Mask, XK_Print, spawn, {.v = selectshot } }, { MODKEY|ShiftMask, XK_e, spawn, {.v = simcrop } }, { MODKEY, XK_e, spawn, {.v = edit} }, { MODKEY, XK_u, spawn, {.v = url} }, { MODKEY, XK_r, spawn, {.v = readbook} }, + { MODKEY|Mod1Mask, XK_r, spawn, {.v = record } }, { MODKEY|ShiftMask, XK_w, spawn, {.v = wallabag} }, { MODKEY, XK_w, spawn, {.v = wiki} }, { MODKEY, XK_g, spawn, {.v = searx} }, @@ -157,6 +161,7 @@ static Key keys[] = { { MODKEY|ShiftMask, XK_f, togglescratch, {.ui = 3} }, { MODKEY, XK_n, togglescratch, {.ui = 4} }, { MODKEY|ShiftMask, XK_c, togglescratch, {.ui = 5} }, + { MODKEY, XK_o, togglescratch, {.ui = 6} }, /* FloatPos Patch Keybinds */ { Mod3Mask, XK_u, floatpos, {.v = "-26x -26y" } }, // ↖ { Mod3Mask, XK_i, floatpos, {.v = " 0x -26y" } }, // ↑ diff --git a/.local/src/dwm/rules.h b/.local/src/dwm/rules.h index 6a5377c6..3256d4f7 100644 --- a/.local/src/dwm/rules.h +++ b/.local/src/dwm/rules.h @@ -19,8 +19,10 @@ static const Rule rules[] = { /* class instance title tags mask isfloating floatpos isterminal noswallow monitor */ { "discord" , NULL , NULL , 1 << 8 , NULL , NULL , 0 , 0 , -1 }, +{ "Signal" , NULL , NULL , 1 << 8 , NULL , NULL , 0 , 0 , -1 }, { "Brave-browser" , NULL , NULL , 1 << 1 , NULL , NULL , 0 , 0 , -1 }, { "Firefox" , NULL , NULL , 1 << 1 , NULL , NULL , 0 , 0 , -1 }, +{ "firefox" , NULL , NULL , 1 << 1 , NULL , NULL , 0 , 0 , -1 }, { "tabbed-surf" , NULL , NULL , 1 << 1 , NULL , NULL , 0 , 0 , -1 }, { "bitwarden" , NULL , NULL , 1 << 6 , NULL , NULL , 0 , 0 , -1 }, { "QtPass" , NULL , NULL , 1 << 6 , NULL , NULL , 0 , 0 , -1 }, @@ -37,6 +39,7 @@ static const Rule rules[] = { { "weather" , NULL , NULL , 0 , 1 , "50% 50% 1200W 800H" , 0 , 0 , -1 }, { "center" , NULL , NULL , 0 , 1 , "50% 50% 1000W 600H" , 0 , 0 , -1 }, { "htop" , NULL , NULL , 0 , 1 , "50% 50% 1200W 600H" , 0 , 0 , -1 }, +{ "Pavucontrol" , NULL , NULL , 0 , 1 , "50% 50% 1200W 600H" , 0 , 0 , -1 }, { "Zathura" , NULL , NULL , 0 , 0 , NULL , 0 , 1 , -1 }, { "spfeh" , NULL , NULL , SPTAG(1) , 1 , NULL , 0 , 0 , -1 }, { NULL , "spterm" , NULL , SPTAG(0) , 1 , NULL , 0 , 0 , -1 }, @@ -44,6 +47,7 @@ static const Rule rules[] = { { NULL , "spfile" , NULL , SPTAG(3) , 1 , NULL , 0 , 0 , -1 }, { NULL , "spmusic" , NULL , SPTAG(4) , 1 , NULL , 0 , 0 , -1 }, { NULL , "spcal" , NULL , SPTAG(5) , 1 , NULL , 0 , 0 , -1 }, +{ NULL , "obsidian" , NULL , SPTAG(6) , 1 , "50% 50% 1400W 700H" , 0 , 0 , -1 }, { NULL , "sxiv" , NULL , 0 , 1 , "100% 1% 600W 350H" , 1 , 0 , -1 }, { NULL , "Kunst" , NULL , 0 , 1 , "100% 1% 150W 150H" , 0 , 0 , -1 }, { NULL , NULL , "SimCrop" , 0 , 1 , "50% 50% 800W 500H" , 0 ,0 , -1 }, diff --git a/.local/src/surf/surf b/.local/src/surf/surf index 4b00c663..d5509c83 100755 Binary files a/.local/src/surf/surf and b/.local/src/surf/surf differ diff --git a/.local/src/surf/surf.o b/.local/src/surf/surf.o index 7f9ff5f6..f2252f8d 100644 Binary files a/.local/src/surf/surf.o and b/.local/src/surf/surf.o differ diff --git a/.local/src/surf/webext-surf.o b/.local/src/surf/webext-surf.o index 627caf5e..49792fc8 100644 Binary files a/.local/src/surf/webext-surf.o and b/.local/src/surf/webext-surf.o differ diff --git a/.local/src/surf/webext-surf.so b/.local/src/surf/webext-surf.so index 573082d1..a1e1478d 100755 Binary files a/.local/src/surf/webext-surf.so and b/.local/src/surf/webext-surf.so differ diff --git a/.profile b/.profile index 6b6fa312..be482e9c 100755 --- a/.profile +++ b/.profile @@ -58,6 +58,7 @@ export XINITRC="$XDG_CONFIG_HOME"/X11/xinitrc export XAUTHORITY="$XDG_RUNTIME_DIR"/Xauthority export INPUTRC="$XDG_CONFIG_HOME"/readline/inputrc export PASSWORD_STORE_DIR="$XDG_DATA_HOME"/pass +export PASSWORD_STORE_ENABLE_EXTENSIONS=true export TMUX_TMPDIR="$XDG_RUNTIME_DIR" export SCREENRC="$XDG_CONFIG_HOME"/screen/screenrc @@ -92,19 +93,10 @@ fi # Start xinit if logged in from tty1 if [ "$DISPLAY" = "" ] && [ "$(tty)" = /dev/tty1 ]; then if [ "$DBUS_SESSION_BUS_ADDRESS" = "" ] && [ ! $(command -v dbus-run-session) = "" ]; then - exec dbus-run-session xinit 2> $XDG_RUNTIME_DIR/xinit.err > $XDG_RUNTIME_DIR/xinit - else + # exec dbus-run-session xinit 2> $XDG_RUNTIME_DIR/xinit.err > $XDG_RUNTIME_DIR/xinit exec xinit 2> $XDG_RUNTIME_DIR/xinit.err > $XDG_RUNTIME_DIR/xinit - fi - exit -fi -# Start sway if logged in from tty2 -if [ "$DISPLAY" = "" ] && [ "$(tty)" = /dev/tty2 ]; then - if [ "$DBUS_SESSION_BUS_ADDRESS" = "" ] && [ ! $(command -v dbus-run-session) = "" ]; then - exec dbus-run-session sway 2> $XDG_RUNTIME_DIR/sway.err > $XDG_RUNTIME_DIR/sway else - exec sway 2> $XDG_RUNTIME_DIR/sway.err > $XDG_RUNTIME_DIR/sway + exec xinit 2> $XDG_RUNTIME_DIR/xinit.err > $XDG_RUNTIME_DIR/xinit fi exit fi -