diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index dfe0770..0000000 --- a/.gitattributes +++ /dev/null @@ -1,2 +0,0 @@ -# Auto detect text files and perform LF normalization -* text=auto diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 840f02a..0000000 --- a/.gitignore +++ /dev/null @@ -1,124 +0,0 @@ -# Logs -logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* -lerna-debug.log* -.pnpm-debug.log* - -# Diagnostic reports (https://nodejs.org/api/report.html) -report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json - -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage -*.lcov - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# Snowpack dependency directory (https://snowpack.dev/) -web_modules/ - -# TypeScript cache -*.tsbuildinfo - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Microbundle cache -.rpt2_cache/ -.rts2_cache_cjs/ -.rts2_cache_es/ -.rts2_cache_umd/ - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variables file -.env -.env.test -.env.production - -# parcel-bundler cache (https://parceljs.org/) -.cache -.parcel-cache - -# Next.js build output -.next -out - -# Nuxt.js build / generate output -.nuxt -dist - -# Gatsby files -.cache/ -# Comment in the public line in if your project uses Gatsby and not Next.js -# https://nextjs.org/blog/next-9-1#public-directory-support -# public - -# vuepress build output -.vuepress/dist - -# Serverless directories -.serverless/ - -# FuseBox cache -.fusebox/ - -# DynamoDB Local files -.dynamodb/ - -# TernJS port file -.tern-port - -# Stores VSCode versions used for testing VSCode extensions -.vscode-test - -# yarn v2 -.yarn/cache -.yarn/unplugged -.yarn/build-state.yml -.yarn/install-state.gz -.pnp.* - -# ClearVision build & test files -public/ -test/ -scripts/ -gradients/ \ No newline at end of file diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml deleted file mode 100644 index 09c696e..0000000 --- a/.gitlab-ci.yml +++ /dev/null @@ -1,24 +0,0 @@ -image: node:latest - -cache: - paths: - - node_modules/ - -before_script: - - npm install - -stages: - - deploy - -pages: - stage: deploy - script: npm run build - artifacts: - name: '$CI_JOB_STAGE-$CI_COMMIT_REF_NAME' - paths: - - public - only: - - master - - triggers - - schedules - - web diff --git a/.prettierrc b/.prettierrc deleted file mode 100644 index 89c9251..0000000 --- a/.prettierrc +++ /dev/null @@ -1,4 +0,0 @@ -{ - "singleQuote": true, - "printWidth": 69420 -} diff --git a/ClearVision_v6.theme.css b/ClearVision_v6.theme.css deleted file mode 100644 index c9bfd45..0000000 --- a/ClearVision_v6.theme.css +++ /dev/null @@ -1,115 +0,0 @@ -/** - * @name ClearVision - * @author ClearVision Team - * @version 6.3.0 - * @description Highly customizable theme for BetterDiscord. - * @source https://github.com/ClearVision/ClearVision-v6 - * @website https://clearvision.github.io - * @invite dHaSxn3 - */ - -/* Credits to Zerthox for making the original theme. */ - -/* IMPORT CSS */ -@import url(https://clearvision.github.io/ClearVision-v6/main.css); - -/* SETTINGS */ -:root { - /* ACCENT COLORS */ - --main-color: #2780e6; /* main accent color (hex, rgb or hsl) [default: #2780e6] */ - --hover-color: #1e63b3; /* hover accent color (hex, rgb or hsl) [default: #1e63b3] */ - --success-color: #43b581; /* success accent color (hex, rgb or hsl) [default: #43b581] */ - --danger-color: #982929; /* danger accent color (hex, rgb or hsl) [default: #982929] */ - --url-color: var(--main-color); /*The color of url links [default: var(--main-color)]*/ - - /* STATUS COLORS */ - --online-color: #43b581; /* online status color (hex, rgb or hsl) [default: #43b581] */ - --idle-color: #faa61a; /* idle status color (hex, rgb or hsl) [default: #faa61a] */ - --dnd-color: #982929; /* dnd status color (hex, rgb or hsl) [default: #982929] */ - --streaming-color: #593695; /* streaming status color (hex, rgb or hsl) [default: #593695] */ - --offline-color: #808080; /* offline/invisible status color (hex, rgb or hsl) [default: #808080] */ - - /* GENERAL */ - --main-font: gg sans, Helvetica Neue, Helvetica, Arial, sans-serif; /* main font for app (font must be installed) [default: gg sans, Helvetica Neue, Helvetica, Arial, sans-serif] */ - --code-font: Consolas, Liberation Mono, Menlo, Courier, monospace; /* font for codeblocks (font must be installed) [default: Consolas, Liberation Mono, Menlo, Courier, monospace] */ - --text-normal: rgb(220, 221, 222); /* color of default discord text */ - --text-muted: rgb(114, 118, 125); /* color of default discord muted text (e.g.text found in input fields before typing).*/ - --channels-width: 220px; /* channel list width (240px for Discord default) [default: 220px] */ - --members-width: 240px; /* member list width [default: 240px] */ - - /* APP BACKGROUND */ - --background-shading: 100%; /* app background shading (0 for complete smoothness) [default: 100%] */ - --background-overlay: rgba(0, 0, 0, 0.6); /* app background overlay color/gradient [default: rgba(0, 0, 0, 0.6)] */ - /* --background-image: url(https://clearvision.github.io/images/sapphire.jpg); app background image (link must be HTTPS) [default: url(https://clearvision.github.io/images/sapphire.jpg)] */ - --background-position: center; /* app background position [default: center] */ - --background-size: cover; /* app background size [default: cover] */ - --background-repeat: no-repeat; /* app background repeat [default: no-repeat] */ - --background-attachment: fixed; /* app background attachment [default: fixed] */ - --background-brightness: 100%; /* app background brightness (< 100% for darken, > 100% for lighten) [default: 100%] */ - --background-contrast: 100%; /* app background contrast [default: 100%] */ - --background-saturation: 100%; /* app background saturation [default: 100%] */ - --background-invert: 0%; /* app background invert (0 - 100%) [default: 0%] */ - --background-grayscale: 0%; /* app background grayscale ( 0 - 100%) [default: 0%] */ - --background-sepia: 0%; /* app background sepia (0 - 100%) [default: 0%] */ - --background-blur: 0px; /* app background blur [default: 0px] */ - - /* HOME BUTTON ICON */ - --home-icon: url(https://clearvision.github.io/icons/discord.svg); /* home button icon (link must be HTTPS) [default: url(https://clearvision.github.io/icons/discord.svg)]*/ - --home-position: center; /* home button icon position [default: center] */ - --home-size: 40px; /* home button icon size [default: 40px] */ - - /* CHANNEL COLORS */ - --channel-unread: var(--main-color); /* Unread Server channel color. [default: var(--main-color)] THIS OVERRIDES YOUR MAIN COLOR*/ - --channel-color: rgba(255, 255, 255, 0.4); /*Read Server channel color [default: rgba(255,255,255,0.3);]*/ - --channel-text-selected: #fff; /* Selected channel text color, CV default is #fff */ - --muted-color: rgba(255, 255, 255, 0.1); /*Muted channel color [default: rgba(255,255,255,0.1);]*/ - - /* MODAL BACKDROP */ - --backdrop-overlay: rgba(0, 0, 0, 0.8); /* modal backdrop overlay color/gradient [default: rgba(0, 0, 0, 0.8)] */ - --backdrop-image: var(--background-image); /* modal backdrop image (link must be HTTPS) [default: var(--background-image)] */ - --backdrop-position: var(--background-position); /* modal backdrop position [default: var(--background-position)] */ - --backdrop-size: var(--background-size); /* modal backdrop size [default: var(--background-size)] */ - --backdrop-repeat: var(--background-repeat); /* modal backdrop repeat [default: var(--background-repeat)] */ - --backdrop-attachment: var(--background-attachment); /* modal backdrop attachment [default: var(--background-attachment)] */ - --backdrop-brightness: var(--background-brightness); /* modal backdrop brightness (< 100% for darken, > 100% for lighten) [default: var(--background-brightness)] */ - --backdrop-contrast: var(--background-contrast); /* modal backdrop contrast [default: var(--background-contrast)] */ - --backdrop-saturation: var(--background-saturation); /* modal backdrop saturation [default: var(--background-saturation)] */ - --backdrop-invert: var(--background-invert); /* modal backdrop invert (0 - 100%) [default: var(--background-invert)] */ - --backdrop-grayscale: var(--background-grayscale); /* modal backdrop grayscale ( 0 - 100%) [default: var(--background-grayscale)] */ - --backdrop-sepia: var(--background-sepia); /* modal backdrop sepia (0 - 100%) [default: var(--background-sepia)] */ - --backdrop-blur: var(--background-blur); /* modal backdrop blur [default: var(--background-blur)] */ - - /* USER POPOUT BACKGROUND */ - --user-popout-image: var(--background-image); /* app background image (link must be HTTPS) [default: var(--background-image)] */ - --user-popout-position: var(--background-position); /* user popout background position [default: var(--background-position)] */ - --user-popout-size: var(--background-size); /* user popout background size [default: var(--background-size)] */ - --user-popout-repeat: var(--background-repeat); /* user popout background repeat [default: var(--background-repeat)] */ - --user-popout-attachment: var(--background-attachment); /* user popout background attachment [default: var(--background-attachment)] */ - --user-popout-brightness: var(--background-brightness); /* user popout background brightness (< 100% for darken, > 100% for lighten) [default: var(--background-brightness)] */ - --user-popout-contrast: var(--background-contrast); /* user popout background contrast [default: var(--background-contrast)] */ - --user-popout-saturation: var(--background-saturation); /* user popout background saturation [default: var(--background-saturation)] */ - --user-popout-invert: var(--background-invert); /* user popout background invert (0 - 100%) [default: var(--background-invert)] */ - --user-popout-grayscale: var(--background-grayscale); /* user popout background grayscale (0 - 100%) [default: var(--background-grayscale)] */ - --user-popout-sepia: var(--background-sepia); /* user popout background sepia (0 - 100%) [default: var(--background-sepia)] */ - --user-popout-blur: calc(var(--background-blur) + 3px); /* user popout background blur [default: calc(var(--background-blur) + 3px)] */ - --user-popout-overlay: rgba(0, 0, 0, 0.6); /* user popout overlay color [default: rgba(0, 0, 0, .6)] */ - - /* USER MODAL BACKGROUND */ - --user-modal-image: var(--background-image); /* app background image (link must be HTTPS) [default: var(--background-image)] */ - --user-modal-position: var(--background-position); /* user modal background position [default: var(--background-position)] */ - --user-modal-size: var(--background-size); /* user modal background size [default: var(--background-size)] */ - --user-modal-repeat: var(--background-repeat); /* user modal background repeat [default: var(--background-repeat)] */ - --user-modal-attachment: var(--background-attachment); /* user modal background attachment [default: var(--background-attachment)] */ - --user-modal-brightness: var(--background-brightness); /* user modal background brightness (< 100% for darken, > 100% for lighten) [default: var(--background-brightness)] */ - --user-modal-contrast: var(--background-contrast); /* user modal background contrast [default: var(--background-contrast)] */ - --user-modal-saturation: var(--background-saturation); /* user modal background saturation [default: var(--background-saturation)] */ - --user-modal-invert: var(--background-invert); /* user modal background invert (0 - 100%) [default: var(--background-invert)] */ - --user-modal-grayscale: var(--background-grayscale); /* user modal background grayscale (0 - 100%) [default: var(--background-grayscale)] */ - --user-modal-sepia: var(--background-sepia); /* user modal background sepia (0 - 100%) [default: var(--background-sepia)] */ - --user-modal-blur: calc(var(--background-blur) + 3px); /* user modal background blur [default: calc(var(--background-blur) + 3px)] */ - - /* THEME BD COLORS */ - --bd-blue: var(--main-color); /* betterdiscord main color [default: var(--main-color)] */ - --bd-blue-hover: var(--hover-color); /* betterdiscord hover color [default: var(--hover-color)] */ - --bd-blue-active: var(--hover-color); /* betterdiscord active color [default: var(--hover-color)] */ -} diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 6808cfa..0000000 --- a/LICENSE +++ /dev/null @@ -1,201 +0,0 @@ - Apache License - Version 2.0, January 2004 - http://www.apache.org/licenses/ - - TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION - - 1. Definitions. - - "License" shall mean the terms and conditions for use, reproduction, - and distribution as defined by Sections 1 through 9 of this document. - - "Licensor" shall mean the copyright owner or entity authorized by - the copyright owner that is granting the License. - - "Legal Entity" shall mean the union of the acting entity and all - other entities that control, are controlled by, or are under common - control with that entity. For the purposes of this definition, - "control" means (i) the power, direct or indirect, to cause the - direction or management of such entity, whether by contract or - otherwise, or (ii) ownership of fifty percent (50%) or more of the - outstanding shares, or (iii) beneficial ownership of such entity. - - "You" (or "Your") shall mean an individual or Legal Entity - exercising permissions granted by this License. - - "Source" form shall mean the preferred form for making modifications, - including but not limited to software source code, documentation - source, and configuration files. - - "Object" form shall mean any form resulting from mechanical - transformation or translation of a Source form, including but - not limited to compiled object code, generated documentation, - and conversions to other media types. - - "Work" shall mean the work of authorship, whether in Source or - Object form, made available under the License, as indicated by a - copyright notice that is included in or attached to the work - (an example is provided in the Appendix below). - - "Derivative Works" shall mean any work, whether in Source or Object - form, that is based on (or derived from) the Work and for which the - editorial revisions, annotations, elaborations, or other modifications - represent, as a whole, an original work of authorship. For the purposes - of this License, Derivative Works shall not include works that remain - separable from, or merely link (or bind by name) to the interfaces of, - the Work and Derivative Works thereof. - - "Contribution" shall mean any work of authorship, including - the original version of the Work and any modifications or additions - to that Work or Derivative Works thereof, that is intentionally - submitted to Licensor for inclusion in the Work by the copyright owner - or by an individual or Legal Entity authorized to submit on behalf of - the copyright owner. For the purposes of this definition, "submitted" - means any form of electronic, verbal, or written communication sent - to the Licensor or its representatives, including but not limited to - communication on electronic mailing lists, source code control systems, - and issue tracking systems that are managed by, or on behalf of, the - Licensor for the purpose of discussing and improving the Work, but - excluding communication that is conspicuously marked or otherwise - designated in writing by the copyright owner as "Not a Contribution." - - "Contributor" shall mean Licensor and any individual or Legal Entity - on behalf of whom a Contribution has been received by Licensor and - subsequently incorporated within the Work. - - 2. Grant of Copyright License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - copyright license to reproduce, prepare Derivative Works of, - publicly display, publicly perform, sublicense, and distribute the - Work and such Derivative Works in Source or Object form. - - 3. Grant of Patent License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - (except as stated in this section) patent license to make, have made, - use, offer to sell, sell, import, and otherwise transfer the Work, - where such license applies only to those patent claims licensable - by such Contributor that are necessarily infringed by their - Contribution(s) alone or by combination of their Contribution(s) - with the Work to which such Contribution(s) was submitted. If You - institute patent litigation against any entity (including a - cross-claim or counterclaim in a lawsuit) alleging that the Work - or a Contribution incorporated within the Work constitutes direct - or contributory patent infringement, then any patent licenses - granted to You under this License for that Work shall terminate - as of the date such litigation is filed. - - 4. Redistribution. You may reproduce and distribute copies of the - Work or Derivative Works thereof in any medium, with or without - modifications, and in Source or Object form, provided that You - meet the following conditions: - - (a) You must give any other recipients of the Work or - Derivative Works a copy of this License; and - - (b) You must cause any modified files to carry prominent notices - stating that You changed the files; and - - (c) You must retain, in the Source form of any Derivative Works - that You distribute, all copyright, patent, trademark, and - attribution notices from the Source form of the Work, - excluding those notices that do not pertain to any part of - the Derivative Works; and - - (d) If the Work includes a "NOTICE" text file as part of its - distribution, then any Derivative Works that You distribute must - include a readable copy of the attribution notices contained - within such NOTICE file, excluding those notices that do not - pertain to any part of the Derivative Works, in at least one - of the following places: within a NOTICE text file distributed - as part of the Derivative Works; within the Source form or - documentation, if provided along with the Derivative Works; or, - within a display generated by the Derivative Works, if and - wherever such third-party notices normally appear. The contents - of the NOTICE file are for informational purposes only and - do not modify the License. You may add Your own attribution - notices within Derivative Works that You distribute, alongside - or as an addendum to the NOTICE text from the Work, provided - that such additional attribution notices cannot be construed - as modifying the License. - - You may add Your own copyright statement to Your modifications and - may provide additional or different license terms and conditions - for use, reproduction, or distribution of Your modifications, or - for any such Derivative Works as a whole, provided Your use, - reproduction, and distribution of the Work otherwise complies with - the conditions stated in this License. - - 5. Submission of Contributions. Unless You explicitly state otherwise, - any Contribution intentionally submitted for inclusion in the Work - by You to the Licensor shall be under the terms and conditions of - this License, without any additional terms or conditions. - Notwithstanding the above, nothing herein shall supersede or modify - the terms of any separate license agreement you may have executed - with Licensor regarding such Contributions. - - 6. Trademarks. This License does not grant permission to use the trade - names, trademarks, service marks, or product names of the Licensor, - except as required for reasonable and customary use in describing the - origin of the Work and reproducing the content of the NOTICE file. - - 7. Disclaimer of Warranty. Unless required by applicable law or - agreed to in writing, Licensor provides the Work (and each - Contributor provides its Contributions) on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or - implied, including, without limitation, any warranties or conditions - of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A - PARTICULAR PURPOSE. You are solely responsible for determining the - appropriateness of using or redistributing the Work and assume any - risks associated with Your exercise of permissions under this License. - - 8. Limitation of Liability. In no event and under no legal theory, - whether in tort (including negligence), contract, or otherwise, - unless required by applicable law (such as deliberate and grossly - negligent acts) or agreed to in writing, shall any Contributor be - liable to You for damages, including any direct, indirect, special, - incidental, or consequential damages of any character arising as a - result of this License or out of the use or inability to use the - Work (including but not limited to damages for loss of goodwill, - work stoppage, computer failure or malfunction, or any and all - other commercial damages or losses), even if such Contributor - has been advised of the possibility of such damages. - - 9. Accepting Warranty or Additional Liability. While redistributing - the Work or Derivative Works thereof, You may choose to offer, - and charge a fee for, acceptance of support, warranty, indemnity, - or other liability obligations and/or rights consistent with this - License. However, in accepting such obligations, You may act only - on Your own behalf and on Your sole responsibility, not on behalf - of any other Contributor, and only if You agree to indemnify, - defend, and hold each Contributor harmless for any liability - incurred by, or claims asserted against, such Contributor by reason - of your accepting any such warranty or additional liability. - - END OF TERMS AND CONDITIONS - - APPENDIX: How to apply the Apache License to your work. - - To apply the Apache License to your work, attach the following - boilerplate notice, with the fields enclosed by brackets "[]" - replaced with your own identifying information. (Don't include - the brackets!) The text should be enclosed in the appropriate - comment syntax for the file format. We also recommend that a - file or class name and description of purpose be included on the - same "printed page" as the copyright notice for easier - identification within third-party archives. - - Copyright 2017-2022 Zerthox - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. \ No newline at end of file diff --git a/README.md b/README.md deleted file mode 100644 index b66d796..0000000 --- a/README.md +++ /dev/null @@ -1,58 +0,0 @@ -[release-badge]: https://img.shields.io/github/v/release/ClearVision/ClearVision-v6?include_prereleases&style=flat-square -[release-link]: https://github.com/ClearVision/ClearVision-v6/releases -[license-badge]: https://img.shields.io/github/license/ClearVision/ClearVision-v6?style=flat-square -[license-link]: https://github.com/ClearVision/ClearVision-v6/blob/master/LICENSE -[discord-badge]: https://discord.com/api/guilds/212324635356692500/widget.png?style=shield -[discord-link]: https://clearvision.gitlab.io/join -[issues-badge]: https://img.shields.io/github/issues/ClearVision/ClearVision-v6?style=flat-square -[issues-link]: https://github.com/ClearVision/ClearVision-v6/issues -[prs-badge]: https://img.shields.io/github/issues-pr/ClearVision/ClearVision-v6?style=flat-square -[prs-link]: https://github.com/ClearVision/ClearVision-v6/pulls - -
- -# ClearVision v6 - -[![Releases][release-badge]][release-link] -[![License][license-badge]][license-link] -[![Discord Server][discord-badge]][discord-link] -[![Issues][issues-badge]][issues-link] -[![Pull Requests][prs-badge]][prs-link] - -![v6 Sapphire](https://i.imgur.com/U7UXrEN.png) - -
- -## Theme Editor - -You can now customize the theme with a preview before downloading it to your computer. - -Please keep in mind that **we do not manage the theme editor**, and cannot help with any bugs that come from using it. - -> [Theme Editor](https://bdeditor.dev/theme/clearvision) - -_Thank you to @Gibbu to providing this._ - -## Installing - -Note: ClearVision doesn't actively support plugins (as in, we don't seek out and actively theme fixes to every new plugin). However, when a plugin is widely used, we try our best to stay compatible. - -Download the theme file from [the BetterDiscord Website](https://betterdiscord.app/theme/ClearVision) or [releases](https://github.com/ClearVision/ClearVision-v6/releases) and move it into your [BetterDiscord](https://betterdiscord.app) themes folder: - -## Building from source - -To build the theme from source, you can simply run `npm install` to install all missing dependencies and `npm run build` to compile the theme into the `/public` folder. - -### Dependencies - -- [NodeJS/npm](https://nodejs.org/) -- [sass](https://www.npmjs.com/package/sass) -- [PostCSS Autoprefixer](https://www.npmjs.com/package/autoprefixer) -- [PostCSS CLI](https://www.npmjs.com/package/postcss-cli) -- [rimraf](https://www.npmjs.com/package/rimraf) (for cleanup) -- [Prettier](https://www.npmjs.com/package/prettier) (code formatting) - -## Contributing - -You can run `npm run test` to compile the theme. -The `main.css` file will be in the `/test` directory, which can then be copied into BetterDiscord's Custom CSS. diff --git a/hljs.scss b/hljs.scss deleted file mode 100644 index 15d6a01..0000000 --- a/hljs.scss +++ /dev/null @@ -1,8 +0,0 @@ -/*! HLJS Language Display by Zerthox */ - -// IMPORTS -@import 'src/mixins'; -@import 'lib/selectors/selectorPlaceholders'; - -// IMPORT CODE LANGUAGES -@import 'src/messages/codeLanguages'; diff --git a/lib/selectors/LICENSE b/lib/selectors/LICENSE deleted file mode 100644 index 38d8619..0000000 --- a/lib/selectors/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2019 Zerthox - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/lib/selectors/selectorPlaceholders.scss b/lib/selectors/selectorPlaceholders.scss deleted file mode 100644 index ac41a14..0000000 --- a/lib/selectors/selectorPlaceholders.scss +++ /dev/null @@ -1,4545 +0,0 @@ -.appMount_fae9dd { - @extend %appMount !optional; -} -.platform-win { - @extend %platformWin !optional; -} -.platform-osx { - @extend %platformOSX !optional; -} -.platform-linux { - @extend %platformLinux !optional; -} -.platform-web { - @extend %platformWeb !optional; -} -.theme-dark { - @extend %themeDark !optional; -} -.theme-light { - @extend %themeLight !optional; -} -.app_b1f720 { - @extend %app !optional; -} -.app_de4237, /*Canary Fix*/ -.app__00c92 { - @extend %shakeable !optional; -} -.bg__12180, /*Canary FIx*/ -.bg__7adbf { - @extend %bg !optional; -} -.layers__1c917, /*Canary Fix*/ -.layers_a40797 { - @extend %layers !optional; -} -.layer__2efaa, /*Canary Fix*/ -.layer_e552e0 { - @extend %layer !optional; -} -.container__037ed { - @extend %containerMain !optional; -} -.base__3e6af { - @extend %base !optional; -} -.backdrop__7e89b { - @extend %backdrop !optional; -} -.notice__5fd4c { - @extend %notice !optional; -} -.colorDefault__39671 { - @extend %noticeDefault !optional; -} -.notice_a687ab { - @extend %noticeComplete !optional; -} -.colorDanger_fd4e9b { - @extend %noticeDanger !optional; -} -.colorStreamerMode_e927c0 { - @extend %noticeStreamerMode !optional; -} -.textLink__18003 { - @extend %noticeTextLink !optional; -} -.closeButton_ffc97a { - @extend %noticeClose !optional; -} -.button__57d93 { - @extend %noticeButton !optional; -} -.icon__15586 { - @extend %noticeIcon !optional; -} -.iconWindows_ca56a9 { - @extend %noticeIconWindows !optional; -} -.iconApple__38c42 { - @extend %noticeIconApple !optional; -} -.iconAndroid__90385 { - @extend %noticeIconAndroid !optional; -} -.platformIcon_e1560d { - @extend %noticePlatformIcon !optional; -} -.titleBar__01af6 { - @extend %titlebar !optional; -} -.unfocused_a1a492 { - @extend %titlebarUnfocused !optional; -} -.typeWindows__5fa63 { - @extend %titlebarWin !optional; -} -.wordmark__0d178 { - @extend %titlebarWordmark !optional; -} -.winButton__88672 { - @extend %titlebarWinButton !optional; -} -.winButtonMinMax__72f36 { - @extend %titlebarWinButtonMinMax !optional; -} -.winButtonClose__73489 { - @extend %titlebarWinButtonClose !optional; -} -.typeMacOS__496b0 { - @extend %titlebarMac !optional; -} -.typeMacOSWithFrame_db4a7d { - @extend %titlebarMacWithFrame !optional; -} -.macButtons__7b1bc { - @extend %titlebarMacButtons !optional; -} -.macButton__3b74b { - @extend %titlebarMacButton !optional; -} -.macButtonClose__071f2 { - @extend %titlebarMacButtonClose !optional; -} -.macButtonMaximize__65e03 { - @extend %titlebarMacButtonMaximize !optional; -} -.macButtonMinimize_ff73a4 { - @extend %titlebarMacButtonMinimize !optional; -} -.wrapper__35f8f { - @extend %repluggedInstallWrapper !optional; -} -#bda-qem { - @extend %bdEmoteMenu !optional; -} -#bda-qem-twitch { - @extend %bdEmoteMenuTwitch !optional; -} -#bda-qem-favourite { - @extend %bdEmoteMenuFavourite !optional; -} -#bda-qem-emojis { - @extend %bdEmoteMenuEmojis !optional; -} -#bda-qem-twitch.active, -#bda-qem-favourite.active, -#bda-qem-emojis.active { - @extend %bdEmoteMenuActive !optional; -} -#bda-qem-twitch-container { - @extend %bdEmoteMenuTwitchContainer !optional; -} -#bda-qem-favourite-container { - @extend %bdEmoteMenuFavouriteContainer !optional; -} -.emote-menu-inner { - @extend %bdEmoteMenuInner !optional; -} -.bd-emote-header { - @extend %bdEmoteMenuHeader !optional; -} -.bd-emote-item { - @extend %bdEmoteItem !optional; -} -.emote-container { - @extend %bdEmoteContainer !optional; -} -.emote-icon { - @extend %bdEmoteIcon !optional; -} -#bd-settings-sidebar { - @extend %bdSettingsSidebar !optional; -} -.ui-tab-bar-header { - @extend %bdSettingsSidebarHeader !optional; -} -.ui-tab-bar-item { - @extend %bdSettingsSidebarItem !optional; -} -.ui-tab-bar-item.selected { - @extend %bdSettingsSidebarItemSelected !optional; -} -.ui-tab-bar-separator { - @extend %bdSettingsSidebarSeparator !optional; -} -.progressBarContainer__9b571 { - @extend %serverBoostProgressBar !optional; -} -.containerDefault__23a29 { - @extend %categoryContainerDefault !optional; -} -.containerUserOver_fe1d69 { - @extend %categoryContainerUserOver !optional; -} -.containerDragBefore__06455 { - @extend %categoryContainerDragBefore !optional; -} -.containerDragAfter__72575 { - @extend %categoryContainerDragAfter !optional; -} -.containerDragAfter__72575, -.containerDragBefore__06455 { - @extend %categoryContainerDrag !optional; -} -.containerDefault__23a29, -.containerDragAfter__72575, -.containerDragBefore__06455, -.containerUserOver_fe1d69 { - @extend %categoryContainer !optional; -} -.wrapper__9c483 { - @extend %categoryWrapper !optional; -} -.clickable_dbdd2a { - @extend %categoryWrapperClickable !optional; -} -.collapsed__8fe3c { - @extend %categoryWrapperCollapsed !optional; -} -.muted_de6e6e { - @extend %categoryWrapperMuted !optional; -} -.mainContent_a0b319 { - @extend %categoryMain !optional; -} -.icon_ef4486 { - @extend %categoryIcon !optional; -} -.name__590d6 { - @extend %categoryName !optional; -} -.overflow__87fe8 { - @extend %categoryText !optional; -} -.children_d4d259 { - @extend %categoryButtons !optional; -} -.addButtonIcon_b776b3 { - @extend %categoryAddIcon !optional; -} -.containerDefault__3187b { - @extend %channelContainerDefault !optional; -} -.containerDragBefore_fe91aa { - @extend %channelContainerDragBefore !optional; -} -.containerDragAfter__437c5 { - @extend %channelContainerDragAfter !optional; -} -.containerUserOver__8b873 { - @extend %channelContainerUserOver !optional; -} -.containerDragAfter__437c5, -.containerDragBefore_fe91aa { - @extend %channelContainerDrag !optional; -} -.containerDefault__3187b, -.containerDragAfter__437c5, -.containerDragBefore_fe91aa, -.containerUserOver__8b873 { - @extend %channelContainer !optional; -} -.wrapper__7bcde { - @extend %channelWrapper !optional; -} -.modeUnreadImportant_efb53e { - @extend %channelWrapperUnread !optional; -} -.modeSelected__487d6 { - @extend %channelWrapperSelected !optional; -} -.modeConnected__1c02e { - @extend %channelWrapperConnected !optional; -} -.modeMuted__0aeea { - @extend %channelWrapperMuted !optional; -} -.link__95dc0 { - @extend %channelLink !optional; -} -.linkTop_eaa673 { - @extend %channelLinkTop !optional; -} -.icon_eff5d4 { - @extend %channelIcon !optional; -} -.live_b195a5 { - @extend %channelIconLive !optional; -} -.name__8d1ec { - @extend %channelName !optional; -} -.children_a486f8 { - @extend %channelButtons !optional; -} -.iconItem__8e3b8 { - @extend %channelButton !optional; -} -.actionIcon_d679b5 { - @extend %channelActionIcon !optional; -} -.unread__48cf4 { - @extend %channelUnreadPill !optional; -} -.wrapper__5848b { - @extend %channelUserLimitWrapper !optional; -} -.users__65981 { - @extend %channelUserLimitUsers !optional; -} -.total_c01838 { - @extend %channelUserLimitTotal !optional; -} -.listDefault__205d0 { - @extend %voiceUserList !optional; -} -.clickable__137bc { - @extend %voiceUserClickable !optional; -} -.draggable__081c0 { - @extend %voiceUserDraggable !optional; -} -.voiceUser__0470a { - @extend %voiceUser !optional; -} -.selected__471ca { - @extend %voiceUserSelected !optional; -} -.content_b60865 { - @extend %voiceUserContent !optional; -} -.avatarContainer__39fb5 { - @extend %voiceUserAvatar !optional; -} -.avatarSpeaking_c95053 { - @extend %voiceUserAvatarSpeaking !optional; -} -.username__73ce9 { - @extend %voiceUserName !optional; -} -.usernameSpeaking__78095 { - @extend %voiceUserNameSpeaking !optional; -} -.voiceChannelsButton__46c37 { - @extend %voiceChannelsButton !optional; -} -.container_a4480b { - @extend %userSummaryContainer !optional; -} -.icon__62403 { - @extend %userSummaryIcon !optional; -} -.avatarContainer__7b330 { - @extend %userSummaryAvatarContainer !optional; -} -.avatarContainerMasked__6a03e { - @extend %userSummaryAvatarContainerMasked !optional; -} -.avatar__777a6 { - @extend %userSummaryAvatar !optional; -} -.clickableAvatar_e26163 { - @extend %userSummaryAvatarClickable !optional; -} -.emptyUser_dba665 { - @extend %userSummaryEmptyUser !optional; -} -.moreUsers_cd5dfc { - @extend %userSummaryMoreUsers !optional; -} -.sidebar_ded4b5 { - @extend %channelsSidebar !optional; -} -.container__590e2 { - @extend %channelsContainer !optional; -} -.container__7c79d { - @extend %channelsHeaderContainer !optional; -} -.header__104ca { - @extend %channelsHeader !optional; -} -.selected__0b1ad { - @extend %channelsHeaderSelected !optional; -} -.name_c08dbc { - @extend %channelsHeaderName !optional; -} -.headerButton__3af9f { - @extend %channelsHeaderButton !optional; -} -.guildIconContainer_a995c7 { - @extend %channelsHeaderGuildBadge !optional; -} -.partnered__77913 { - @extend %guildPartnered !optional; -} -.verified__8167d { - @extend %guildVerified !optional; -} -.animatedContainer__341f6 { - @extend %bannerAnimatedContainer !optional; -} -.bannerImage__39c51 { - @extend %bannerImage !optional; -} -.bannerVisible__191f6 { - @extend %bannerVisible !optional; -} -.unread__75c9f { - @extend %channelsUnreadIndicator !optional; -} -.mention__1afd3 { - @extend %channelsMentionIndicator !optional; -} -.panels__58331 { - @extend %panels !optional; -} -.panel_bd8c76 { - @extend %panel !optional; -} -.button__4f306 { - @extend %panelButton !optional; -} -.enabled__470f0 { - @extend %panelButtonEnabled !optional; -} -.disabled_dc5630 { - @extend %panelButtonDisabled !optional; -} -.actionButtons_b58cbb { - @extend %panelActionButtons !optional; -} -.button__66e8c { - @extend %panelActionButton !optional; -} -.buttonColor_a6eb73 { - @extend %panelActionButtonColor !optional; -} -.buttonActive__407a7 { - @extend %panelActionButtonActive !optional; -} -.container_ca50b9 { - @extend %accountPanel !optional; -} -.avatarWrapper_ba5175 { - @extend %accountPanelAvatarWrapper !optional; -} -.avatar_f8541f { - @extend %accountPanelAvatar !optional; -} -.nameTag__0e320 { - @extend %accountPanelNameTag !optional; -} -.usernameContainer__750f9 { - @extend %accountPanelUsernameContainer !optional; -} -.title__10613 { - @extend %accountPanelUsername !optional; -} -.subtext__8f869 { - @extend %accountPanelDiscriminator !optional; -} -.withTagAsButton_cc125f { - @extend %accountPanelTagButton !optional; -} -.withTagless__98b7d { - @extend %accountPanelTagless !optional; -} -.container_d667ff { - @extend %connectionPanel !optional; -} -.inner_ab95dc { - @extend %connectionPanelInner !optional; -} -.rtcConnectionStatus__40882 { - @extend %rtcConnectionStatus !optional; -} -.rtcConnectionStatusConnected__1d5b0 { - @extend %rtcConnectionStatusConnected !optional; -} -.rtcConnectionStatusConnecting__7b83a { - @extend %rtcConnectionStatusConnecting !optional; -} -.rtcConnectionStatusError_f91509 { - @extend %rtcConnectionStatusError !optional; -} -.rtcConnectionQualityFine__471b6 { - @extend %rtcConnectionQualityFine !optional; -} -.rtcConnectionQualityAverage__4b0ea { - @extend %rtcConnectionQualityAverage !optional; -} -.rtcConnectionQualityBad__6caa2 { - @extend %rtcConnectionQualityBad !optional; -} -.ping__47992 { - @extend %rtcConnectionPing !optional; -} -.channel_d7d412 { - @extend %connectionPanelChannel !optional; -} -.activityPanel__22355 { - @extend %activityPanel !optional; -} -.body__709f6 { - @extend %activityPanelBody !optional; -} -.gameWrapper__5b041 { - @extend %activityPanelGameWrapper !optional; -} -.gameIcon_f12921 { - @extend %activityPanelGameIcon !optional; -} -.title__10613 { - @extend %activityPanelTitle !optional; -} -.actions__9256d { - @extend %activityPanelActions !optional; -} -.liveBadge_b936d2 { - @extend %panelLiveBadge !optional; -} -.noiseCancellationPopout__06ec4 { - @extend %noiseCancellationPopout !optional; -} -.privateChannels__93473 { - @extend %privateChannels !optional; -} -.scroller__4b984 { - @extend %privateChannelsScroller !optional; -} -.channel_c21703 { - @extend %privateChannel !optional; -} -.interactive_a868bc { - @extend %privateChannelInteractive !optional; -} -.interactiveSelected_ec846b { - @extend %privateChannelInteractiveSelected !optional; -} -.avatar__7bd22 { - @extend %privateChannelAvatar !optional; -} -.name__02dbd { - @extend %privateChannelName !optional; -} -.subText_ed6eed { - @extend %privateChannelSubText !optional; -} -.activity_a8c37a { - @extend %privateChannelActivity !optional; -} -.container_c344de { - @extend %privateChannelActivityContainer !optional; -} -.activityEmoji_f1bb5e { - @extend %privateChannelActivityEmoji !optional; -} -.activityText__84949 { - @extend %privateChannelActivityText !optional; -} -.icon_d942d4 { - @extend %privateChannelActivityIcon !optional; -} -.closeButton__8f1fd { - @extend %privateChannelCloseButton !optional; -} -.closeIcon_a3bbd4 { - @extend %privateChannelCloseIcon !optional; -} -.linkButtonIcon__2f35b { - @extend %privateChannelIcon !optional; -} -.privateChannelsHeaderContainer_ddcec6 { - @extend %privateChannelsHeader !optional; -} -.headerText__051c0 { - @extend %privateChannelsHeaderText !optional; -} -.privateChannelRecipientsInviteButtonIcon__1e8fc { - @extend %privateChannelsInviteButton !optional; -} -.empty__086ba { - @extend %privateChannelsEmpty !optional; -} -.searchBar_e4ea2a { - @extend %privateChannelsSearchBar !optional; -} -.searchBarComponent__22760 { - @extend %privateChannelsSearchBarComponent !optional; -} -.newMessagesBar__8b6d7 { - @extend %newMessagesBar !optional; -} -.jumpToPresentBar__0ff7f { - @extend %jumpToPresentBar !optional; -} -.hasMore_b03f46 { - @extend %hasMore !optional; -} -.messagesErrorBar__06c0a { - @extend %messagesErrorBar !optional; -} -.bar__004d9 { - @extend %barBrand !optional; -} -.wrapper_bd2abe { - @extend %callWrapper !optional; -} -.callContainer_cbde45 { - @extend %callContainer !optional; -} -.minimum_ebf000 { - @extend %callMinimum !optional; -} -.noChat_ce920d { - @extend %callNoChat !optional; -} -.video__79b68 { - @extend %callVideo !optional; -} -.controlButton_ab2899 { - @extend %callControlButton !optional; -} -.centerButton__3205b { - @extend %callCenterButton !optional; -} -.centerIcon__6075a { - @extend %callCenterIcon !optional; -} -.slash_c0ba36 { - @extend %micSlash !optional; -} -.colorable_c84c4c { - @extend %callButtonColorable !optional; -} -.primaryDark__6b700 { - @extend %callButtonPrimaryDark !optional; -} -.white__10e89 { - @extend %callButtonWhite !optional; -} -.red_a51ba8 { - @extend %callButtonRed !optional; -} -.active_ff29dc { - @extend %callButtonActive !optional; -} -.participantsButton__56586 { - @extend %callParticipantsButton !optional; -} -.tile_a411a4 { - @extend %callTile !optional; -} -.button__13ec4 { - @extend %callInviteButton !optional; -} -.tile_f5f57f { - @extend %callUserTile !optional; -} -.border_d9a17b { - @extend %callTileBorder !optional; -} -.speaking__9b95a { - @extend %callTileSpeaking !optional; -} -.chat__52833 { - @extend %chat !optional; -} -.content__1a4fe { - @extend %chatContentWrapper !optional; -} -.chatContent__5dca8 { - @extend %chatContent !optional; -} -.gatedContent_ba8306 { - @extend %chatGatedContent !optional; -} -.image__0cdbe { - @extend %chatGatedImage !optional; -} -.title__5e888 { - @extend %chatGatedTitle !optional; -} -.description__0818b { - @extend %chatGatedDescription !optional; -} -.separator__45fb4 { - @extend %chatGatedSeparator !optional; -} -.action_caa81f { - @extend %chatGatedAction !optional; -} -.resizeHandle_f1a098 { - @extend %chatResize !optional; -} -.emptyChannelIcon__1a1ba { - @extend %emptyChannelIcon !optional; -} -.role__88585 { - @extend %emptyChannelRole !optional; -} -.roleColor_dc66b5 { - @extend %emptyChannelRoleColor !optional; -} -.noChannel__7bbff { - @extend %noChannel !optional; -} -.image__98a59 { - @extend %noChannelImage !optional; -} -.title__627cf { - @extend %noChannelTitle !optional; -} -.text__1c14c { - @extend %noChannelText !optional; -} -.wrapper__3d460 { - @extend %chatLoadingWrapper !optional; -} -.wrapper__5c5cd { - @extend %chatLoadingWrapperCozy !optional; -} -.uploadModalIn_c0ca4b { - @extend %uploadModalIn !optional; -} -.uploadDropModal__73a36 { - @extend %uploadDropModal !optional; -} -.bgScale_f3a2be { - @extend %uploadDropModalBgScale !optional; -} -.inner__7afe9 { - @extend %uploadDropModalInner !optional; -} -.divider_b9338f { - @extend %divider !optional; -} -.isUnread__6f880 { - @extend %dividerUnread !optional; -} -.unreadPill__715fc { - @extend %unreadPill !optional; -} -.unreadPillCapStroke__12c0b { - @extend %unreadPillCapStroke !optional; -} -.content_d67847 { - @extend %dividerDate !optional; -} -.header_f7f1f3 { - @extend %gifPickerHeader !optional; -} -.searchBar__3b162 { - @extend %gifPickerSearchBar !optional; -} -.inner__999f6 { - @extend %gifPickerSearchBarInner !optional; -} -.input__74754 { - @extend %gifPickerSearchInput !optional; -} -.iconLayout__6d744 { - @extend %gifPickerSearchIconLayout !optional; -} -.iconContainer__3af05 { - @extend %gifPickerSearchIconContainer !optional; -} -.icon__37cc1 { - @extend %gifPickerSearchIcon !optional; -} -.visible__50aa8 { - @extend %gifPickerSearchIconVisible !optional; -} -.clear__76e04 { - @extend %gifPickerSearchIconClear !optional; -} -.backButton__6a1f0 { - @extend %gifPickerSearchBackButton !optional; -} -.content__30de8 { - @extend %gifPickerContent !optional; -} -.container_bc9447 { - @extend %gifPickerContainer !optional; -} -.categoryFade_f9c843 { - @extend %gifPickerCategoryFade !optional; -} -.categoryFadeBlurple_e73c11 { - @extend %gifPickerCategoryFadeBlurple !optional; -} -.categoryText_b65948 { - @extend %gifPickerCategoryText !optional; -} -.categoryIcon_e4c38b { - @extend %gifPickerCategoryIcon !optional; -} -.categoryName_d2c0d0 { - @extend %gifPickerCategoryName !optional; -} -.results_f76516 { - @extend %gifPickerResults !optional; -} -.result_e1fc74 { - @extend %gifPickerResult !optional; -} -.favButton__11e5a { - @extend %gifPickerFavButton !optional; -} -.icon_d1afab { - @extend %gifPickerFavButtonIcon !optional; -} -.gif__2aa16 { - @extend %gifPickerGif !optional; -} -.emptyHintCard_f3e81a { - @extend %gifPickerEmptyHintCard !optional; -} -.endContainer__0c909 { - @extend %gifPickerEndContainer !optional; -} -.form__13a2c { - @extend %chatForm !optional; -} -.channelTextArea__56a36 { - @extend %channelTextArea !optional; -} -.scrollableContainer__33e06 { - @extend %channelTextAreaScrollable !optional; -} -.inner__9fd0b { - @extend %channelTextAreaInner !optional; -} -.attachWrapper__6354f { - @extend %channelTextAreaAttachWrapper !optional; -} -.attachButton_b1db83 { - @extend %channelTextAreaAttachButton !optional; -} -.attachButtonInner__3ce2b { - @extend %channelTextAreaAttachButtonInner !optional; -} -.attachButtonPlus_bf89ca { - @extend %channelTextAreaAttachButtonPlus !optional; -} -.textArea__74543 { - @extend %textArea !optional; -} -.placeholder__4bea5 { - @extend %textAreaPlaceholder !optional; -} -.textAreaSlate_e0e383 { - @extend %slateTextArea !optional; -} -.button_f0455c { - @extend %channelTextAreaButton !optional; -} -.emojiButton__8ff6a { - @extend %channelTextAreaEmojiButton !optional; -} -.typing__6fd1d { - @extend %channelTextAreaTyping !optional; -} -.text_ca54e9 { - @extend %channelTextAreaTypingText !optional; -} -.attachedBars_da3c74 { - @extend %channelTextAreAttachedBar !optional; -} -.stackedAttachedBar__03e7f { - @extend %channelTextAreaStackedAttachedBar !optional; -} -.upload_c98ecb { - @extend %channelTextAreaUpload !optional; -} -.fakeLink__57dfc { - @extend %fakeLink !optional; -} -.operations__07224 { - @extend %operations !optional; -} -.wrapper_fbbb73 { - @extend %channelInfo !optional; -} -.content_cecbc1 { - @extend %channelInfoContent !optional; -} -.image__04423 { - @extend %channelInfoImage !optional; -} -.buttonContainer__1c00c { - @extend %channelInfoButtonContainer !optional; -} -.autocomplete_df266d { - @extend %autocomplete !optional; -} -.autocompleteInner_a0e6a1 { - @extend %autocompleteInner !optional; -} -.contentTitle_b7c496 { - @extend %autocompleteTitle !optional; -} -.icon__95d3a { - @extend %autocompleteIcon !optional; -} -.iconForeground__0dfea { - @extend %autocompleteIconForeground !optional; -} -.autocompleteRowSubheading_de7fc9 { - @extend %autocompleteRowSubheading !optional; -} -.autocompleteRowContentSecondary__6f0be { - @extend %autocompleteContentSecondary !optional; -} -.descriptionDiscriminator__158a4 { - @extend %autocompletedescriptiondiscriminator !optional; -} -.clickable_f8437d { - @extend %autocompleteSelectorSelected !optional; -} -.base__76a71 { - @extend %autocompleteBase !optional; -} -.categoryHeader_f97a5f { - @extend %autocompleteCategoryHeader !optional; -} -.wrapper__4e8f1 { - @extend %autocompleteListWrapper !optional; -} -.list_c7a995 { - @extend %autocompleteList !optional; -} -.listItems__699d1 { - @extend %autocompleteListItems !optional; -} -.selected__608f1 { - @extend %autocompleteListItemSelected !optional; -} -.option__32fd1 { - @extend %autocompleteOption !optional; -} -.optionals__8c34d { - @extend %autocompleteOptionals !optional; -} -.optionalCount__5f6e1 { - @extend %autocompleteOptionalCount !optional; -} -.optionPill_f86b98 { - @extend %autocompleteOptionPill !optional; -} -.selectedPill_f3e999 { - @extend %autocompleteOptionPillSelected !optional; -} -.optionPillKey_e84f41 { - @extend %autocompleteOptionPillKey !optional; -} -.spamBanner_adb1b9 { - @extend %timeoutBar !optional; -} -.container__8fd9f { - @extend %timeoutPopup !optional; -} -.iconContainer__21954 { - @extend %timeoutIcon !optional; -} -.before_inlineCode__37e14 { - @extend %inlineCodeBefore !optional; -} -.after_inlineCode__2197d { - @extend %inlineCodeAfter !optional; -} -.inlineCode_d702a4 { - @extend %inlineCode !optional; -} -.numberBadge__50328 { - @extend %numberBadge !optional; -} -.textBadge__45d79 { - @extend %textBadge !optional; -} -.button_afdfd9 { - @extend %button !optional; -} -.lookFilled__19298 { - @extend %buttonFilled !optional; -} -.lookOutlined__46d54 { - @extend %buttonOutlined !optional; -} -.lookInverted_ee4261 { - @extend %buttonInverted !optional; -} -.lookLink__93965 { - @extend %buttonLink !optional; -} -.lookBlank__7ca0a { - @extend %buttonBlank !optional; -} -.colorBrand_b2253e { - @extend %buttonColorBrand !optional; -} -.colorBrandNew_fd170a { - @extend %buttonColorBrandNew !optional; -} -.colorPrimary__6ed40 { - @extend %buttonColorPrimary !optional; -} -.colorWhite__43488 { - @extend %buttonColorWhite !optional; -} -.colorGreen__5f181 { - @extend %buttonColorGreen !optional; -} -.colorRed_d6b062 { - @extend %buttonColorRed !optional; -} -.colorLink_b651e5 { - @extend %buttonColorLink !optional; -} -.colorYellow_a62893 { - @extend %buttonColorYellow !optional; -} -.buttonColor_fa1bb3 { - @extend %buttonCallInvite !optional; -} -.contents_fb6220 { - @extend %buttonContents !optional; -} -.button_ddf91e { - @extend %buttonCircle !optional; -} -.disabled__8e315 { - @extend %buttonCircleDisabled !optional; -} -.checkboxWrapper__02583 { - @extend %checkboxWrapper !optional; -} -.checkbox_c7f690 { - @extend %checkbox !optional; -} -.checked__24ad6 { - @extend %checkboxChecked !optional; -} -.flex__909d4 { - @extend %flex !optional; -} -.alignStart__4fe1e { - @extend %flexAlignStart !optional; -} -.alignEnd__8e5c6 { - @extend %flexAlignEnd !optional; -} -.alignCenter__84269 { - @extend %flexAlignCenter !optional; -} -.alignStretch_e239ef { - @extend %flexAlignStretch !optional; -} -.alignBaseline__743b3 { - @extend %flexAlignBaseline !optional; -} -.justifyStart__42744 { - @extend %flexJustifyStart !optional; -} -.justifyEnd__5d719 { - @extend %flexJustifyEnd !optional; -} -.justifyCenter__4080c { - @extend %flexJustifyCenter !optional; -} -.justifyAround_e5af27 { - @extend %flexJustifyAround !optional; -} -.justifyBetween_b44898 { - @extend %flexJustifyBetween !optional; -} -.noWrap__5c413 { - @extend %flexNoWrap !optional; -} -.wrap_e504b7 { - @extend %flexWrap !optional; -} -.wrapReverse__4de11 { - @extend %flexWrapReverse !optional; -} -.directionRow__2bb0b { - @extend %flexDirectionRow !optional; -} -.directionRowReverse__9f91b { - @extend %flexDirectionRowReverse !optional; -} -.directionColumn_aa2f1b { - @extend %flexDirectionColumn !optional; -} -.spacer__0ee02 { - @extend %spacer !optional; -} -.directionUp_cb88db { - @extend %directionUp !optional; -} -.directionRight__232ce { - @extend %directionRight !optional; -} -.directionDown_d14df7 { - @extend %directionDown !optional; -} -.directionLeft__7c310 { - @extend %directionLeft !optional; -} -.flowerStarContainer_d8d14b { - @extend %flowerStarContainer !optional; -} -.flowerStar_a9981e { - @extend %flowerStar !optional; -} -.childContainer__4e664 { - @extend %flowerStarChild !optional; -} -.icon__5b3a5 { - @extend %flowerStarIcon !optional; -} -.gameVerifiedIcon_bcd5fc { - @extend %gameVerifiedIcon !optional; -} -.scrollerWrap_e0b973 { - @extend %scrollerWrap !optional; -} -.scrollerBase_dc3aa9 { - @extend %scroller !optional; -} -.slider__22e99 { - @extend %slider !optional; -} -.mini_d6d84c { - @extend %sliderMini !optional; -} -.track_a48141 { - @extend %sliderTrack !optional; -} -.bar_e58961 { - @extend %sliderBar !optional; -} -.barFill__30e17 { - @extend %sliderBarFill !optional; -} -.grabber_d2868c { - @extend %sliderGrabber !optional; -} -.loadingPopout__5f0e8 { - @extend %spinnerPopout !optional; -} -.spinner_f931ee { - @extend %spinner !optional; -} -.wanderingCubes_ce37c6 { - @extend %spinnerWanderingCubes !optional; -} -.item__0e5d6 { - @extend %spinnerWanderingCubesItem !optional; -} -.spinningCircle__351b3 { - @extend %spinnerCircle !optional; -} -.spinningCircleInner__958da { - @extend %spinnerCircleInner !optional; -} -.path__5eb4b { - @extend %spinnerCirclePath !optional; -} -.path3__29e43 { - @extend %spinnerCirclePath3 !optional; -} -.pulsingEllipsis_f679bb { - @extend %spinnerPulsingEllipsis !optional; -} -.pulsingEllipsis_f679bb .item__0e5d6 { - @extend %spinnerPulsingEllipsisItem !optional; -} -.container__871ba { - @extend %switchContainer !optional; -} -.checked__6bdb0 { - @extend %switchChecked !optional; -} -.slider__41d94 { - @extend %switchSlider !optional; -} -.input_be50d1 { - @extend %switchCheckbox !optional; -} -.item__48dda { - @extend %tabBarItem !optional; -} -.selected__5711d { - @extend %tabBarItemSelected !optional; -} -.disabled__85bca { - @extend %tabBarItemDisabled !optional; -} -.premiumLabel_f2cd55 { - @extend %premiumLabel !optional; -} -.icon__11372 { - @extend %serverBoostIcon !optional; -} -.tooltip__01384 { - @extend %tooltip !optional; -} -.tooltipPointer_a79354 { - @extend %tooltipPointer !optional; -} -.tooltipTop__5f583 { - @extend %tooltipTop !optional; -} -.tooltipBottom_ba4564 { - @extend %tooltipBottom !optional; -} -.tooltipLeft_b6b150 { - @extend %tooltipLeft !optional; -} -.tooltipRight_e5fa1c { - @extend %tooltipRight !optional; -} -.tooltipContent__79a2d { - @extend %tooltipContent !optional; -} -.tooltipPrimary_e5c00d { - @extend %tooltipPrimary !optional; -} -.tooltipBrand__13fbc { - @extend %tooltipBrand !optional; -} -.hub_b3afcf { - @extend %tooltipHub !optional; -} -.icon__5b3a5 { - @extend %tooltipHubIcon !optional; -} -.tooltipRed_d5b8c2 { - @extend %tooltipRed !optional; -} -.tooltipGreen__0ed4a { - @extend %tooltipGreen !optional; -} -.tooltip_a70a03 { - @extend %commandTooltip !optional; -} -.tooltipPointer_ee2b03 { - @extend %commandTooltipPointer !optional; -} -.wrapper_a7e7a8 { - @extend %guildsWrapper !optional; -} -.tree__7a511 { - @extend %guildsTree !optional; -} -.scroller__3d071 { - @extend %guilds !optional; -} -.listItem_fa7b36 { - @extend %guild !optional; -} -.guildSeparator_dcb3cc { - @extend %guildSeparator !optional; -} -.pill_d1140c { - @extend %homePill !optional; -} -.blobContainer__5ee50 { - @extend %guildContainer !optional; -} -.pill__6b31b { - @extend %guildPill !optional; -} -.item_f9d377 { - @extend %guildPillItem !optional; -} -.wrapper_d281dd { - @extend %guildLink !optional; -} -.selected_f5ec8e { - @extend %guildLinkSelected !optional; -} -.icon__0cbed { - @extend %guildIcon !optional; -} -.childWrapper__01b9c { - @extend %guildChildWrapper !optional; -} -.acronym_cd4809 { - @extend %guildAcronym !optional; -} -.iconBadge_fdf33a { - @extend %guildBadge !optional; -} -.icon__92653 { - @extend %guildBadgeIcon !optional; -} -.isCurrentUserConnected_d9734f { - @extend %guildBadgeParticipating !optional; -} -.placeholderMask__94802 { - @extend %guildPlaceholderMask !optional; -} -.dragInner_a23293 { - @extend %guildDragInner !optional; -} -.wrapper_ed1dea { - @extend %guildFolderWrapper !optional; -} -.expandedFolderBackground__1bec6 { - @extend %guildExpandedFolderBackground !optional; -} -.collapsed__0a270 { - @extend %guildFolderCollapsed !optional; -} -.folder__17546 { - @extend %guildFolder !optional; -} -.hover__043de { - @extend %guildFolderHover !optional; -} -.folderIconWrapper__72239 { - @extend %guildFolderIconWrapper !optional; -} -.closedFolderIconWrapper__7321f { - @extend %guildFolderClosedIconWrapper !optional; -} -.expandedFolderIconWrapper__458cf { - @extend %guildFolderExpandedIconWrapper !optional; -} -.icon_c48348 { - @extend %guildFolderIcon !optional; -} -.iconSizeSmol__7ee47 { - @extend %guildFolderIconSizeSmol !optional; -} -.guildIcon__2e5ab { - @extend %guildFolderGuildIcon !optional; -} -.noIcon__06e39 { - @extend %guildFolderGuildNoIcon !optional; -} -.circleIconButton_d8df29 { - @extend %circleIconButton !optional; -} -.selected__5250e { - @extend %circleIconButtonSelected !optional; -} -.guildsError__0aa84 { - @extend %guildsError !optional; -} -.breadcrumbs__5ffc6 { - @extend %breadcrumbs !optional; -} -.breadcrumbWrapper__34bfa { - @extend %breadcrumbWrapper !optional; -} -.breadcrumbClickWrapper__48502 { - @extend %breadcrumbClickWrapper !optional; -} -.breadcrumbFinalWrapper__71907 { - @extend %breadcrumbFinalWrapper !optional; -} -.breadcrumb__3c15c { - @extend %breadcrumb !optional; -} -.breadcrumbArrow__05b4d { - @extend %breadcrumbArrow !optional; -} -.container__11d72 { - @extend %headerBar !optional; -} -.children__32014 { - @extend %headerBarChildren !optional; -} -.toolbar__88c63 { - @extend %toolbar !optional; -} -.title__9e2b0 { - @extend %headerBarTitle !optional; -} -.topic__16ae3 { - @extend %headerBarTopic !optional; -} -.akaBadge__7df41 { - @extend %headerBarAkaBadge !optional; -} -.nicknames__7447d { - @extend %headerBarNicknames !optional; -} -.iconWrapper_af9215 { - @extend %headerBarIconWrapper !optional; -} -.icon__4cb88 { - @extend %headerBarIcon !optional; -} -.clickable_d23a1a { - @extend %headerBarIconClickable !optional; -} -.selected_be2668 { - @extend %headerBarIconSelected !optional; -} -.cloud__901e3 { - @extend %headerBarIconUpdateCloud !optional; -} -.downloadArrow__3a66e { - @extend %headerBarIconUpdateDownloadArrow !optional; -} -.iconBadge_cc5031 { - @extend %headerBarIconBadge !optional; -} -.divider_c09b64 { - @extend %headerBarDivider !optional; -} -.content_dc3a33 { - @extend %headerBarModalContent !optional; -} -.search_ac353c { - @extend %chatSearch !optional; -} -.open_d3ab4e { - @extend %chatSearchOpen !optional; -} -.focused_ddee54 { - @extend %chatSearchFocused !optional; -} -.searchBar_e0c60b { - @extend %chatSearchBar !optional; -} -.searchFilter__118cb { - @extend %chatSearchFilter !optional; -} -.searchAnswer_b452e7 { - @extend %chatSearchAnswer !optional; -} -.libraryFilter_c21584 { - @extend %librarySearch !optional; -} -.focused__60a69 { - @extend %librarySearchFocused !optional; -} -.container__7712a { - @extend %librarySearchBar !optional; -} -.inner__999f6 { - @extend %librarySearchBarInner !optional; -} -.input__74754 { - @extend %librarySearchInput !optional; -} -.iconLayout__6d744 { - @extend %librarySearchIconLayout !optional; -} -.icon__37cc1 { - @extend %librarySearchIcon !optional; -} -.clear__76e04 { - @extend %librarySearchIconClear !optional; -} -.applicationStore_fc7d76 { - @extend %nitro !optional; -} -.card_e97590 { - @extend %nitroCard !optional; -} -.cardDescription__46c9d { - @extend %nitroCardDescription !optional; -} -.perkCard__6fe60 { - @extend %nitroPerkCard !optional; -} -.customButton_c0cc97 { - @extend %nitroExpandButton !optional; -} -.cover__590cf { - @extend %nitroPerksCover !optional; -} -.giftNitro__7b37a { - @extend %nitroGiftContainer !optional; -} -.textContainer_ebae6b { - @extend %nitroGiftTextContainer !optional; -} -.innerWrapper_c80bad { - @extend %nitroFooterInnerWrapper !optional; -} -.topPill__0cdf1 { - @extend %topPill !optional; -} -.item__48dda { - @extend %topPillItem !optional; -} -.selected__5711d { - @extend %topPillItemSelected !optional; -} -.themed_b957e8 { - @extend %topPillItemThemed !optional; -} -.container__5c7e7 { - @extend %friends !optional; -} -.peopleColumn__51df3 { - @extend %friendsColumn !optional; -} -.peopleListItem_d14722 { - @extend %friendsItem !optional; -} -.active__6b8ff { - @extend %friendsItemActive !optional; -} -.activity__24558 { - @extend %friendActivity !optional; -} -.actionButton__23182 { - @extend %friendActionButton !optional; -} -.highlight__5b64b { - @extend %friendActionButtonHighlight !optional; -} -.actionAccept_d03bfc { - @extend %friendActionAcceptButton !optional; -} -.actionDeny_d304eb { - @extend %friendActionDenyButton !optional; -} -.addFriendInputWrapper__4bf8e { - @extend %friendsAddFriendInputWrapper !optional; -} -.addFriendInput__568d8 { - @extend %friendsAddFriendInput !optional; -} -.addFriendHint__6df3d { - @extend %friendsAddFriendHint !optional; -} -.container_a308ae { - @extend %friendsDiscoverHint !optional; -} -.scroller__311cd { - @extend %libraryScroller !optional; -} -.table__702c0 { - @extend %libraryTable !optional; -} -.header_b5ab54 { - @extend %libraryTableHeader !optional; -} -.headerCell__7a86a { - @extend %libraryTableHeaderCell !optional; -} -.headerCellSorted__5c7c2 { - @extend %libraryTableHeaderCellSorted !optional; -} -.headerCellContent_b91aca { - @extend %libraryTableHeaderCellContent !optional; -} -.rowWrapper__2d725 { - @extend %libraryTableRowWrapper !optional; -} -.rowWrapperActive_f989dd { - @extend %libraryTableRowWrapperActive !optional; -} -.rowWrapperDim_ecd946 { - @extend %libraryTableRowWrapperDim !optional; -} -.rowBackground__09cc3 { - @extend %libraryTableRowBackground !optional; -} -.row_f3cc85 { - @extend %libraryTableRow !optional; -} -.bodyCell__4af8c { - @extend %libraryTableBodyCell !optional; -} -.nameBodyCell_e706d4 { - @extend %libraryTableNameCell !optional; -} -.gameIcon_d9ba5a { - @extend %libraryTableGameIcon !optional; -} -.nameCellInfo__1f8eb { - @extend %libraryTableNameCellInfo !optional; -} -.nameCellText__43eda { - @extend %libraryTableNameCellText !optional; -} -.textCell_edd42f { - @extend %libraryTableTextCell !optional; -} -.lastPlayedCellNew_cfebb2 { - @extend %libraryTableLastPlayedCellNew !optional; -} -.actionsCell_bd9387 { - @extend %libraryTableActionsCell !optional; -} -.settingIcons_e4e59e { - @extend %libraryTableSettingsIcons !optional; -} -.settingIcon_cd1ad1 { - @extend %libraryTableSettingIcon !optional; -} -.hidden__845d8 { - @extend %libraryTableSettingIconHidden !optional; -} -.scroller__9c698 { - @extend %librarySettingsScroller !optional; -} -.installationPath_fa3a82 { - @extend %libraryInstallationPath !optional; -} -.background__0a6fb { - @extend %libraryUsageBackground !optional; -} -.foreground__26bd6 { - @extend %libraryUsageForeground !optional; -} -.defaultIndicator__2a4ea { - @extend %libraryDefaultIndicator !optional; -} -.playButton_b7b2fb { - @extend %libraryPlayButton !optional; -} -.playButtonContents__9accf { - @extend %libraryPlayButtonContents !optional; -} -.buttonShine__0be03 { - @extend %libraryPlayButtonShine !optional; -} -.container_b2ce9c { - @extend %membersContainer !optional; -} -.membersListNotices_a4cb13 { - @extend %membersNotices !optional; -} -.membersWrap__90226 { - @extend %membersWrap !optional; -} -.members__9f47b { - @extend %members !optional; -} -.membersGroup__85843 { - @extend %membersGroup !optional; -} -.member_b44d5d { - @extend %member !optional; -} -.selected__9800b { - @extend %memberSelected !optional; -} -.offline_c1fd80 { - @extend %memberOffline !optional; -} -.layout_bb8e67 { - @extend %memberLayout !optional; -} -.avatar__6337f { - @extend %memberAvatar !optional; -} -.content_a6999d { - @extend %memberContent !optional; -} -.nameAndDecorators_e34d47 { - @extend %memberNameAndDecorators !optional; -} -.name__16feb { - @extend %memberName !optional; -} -.username__11d8c { - @extend %memberUsername !optional; -} -.ownerIcon__827bd { - @extend %memberOwnerIcon !optional; -} -.subText_ab7e13 { - @extend %memberSubText !optional; -} -.activity__3cbac { - @extend %memberActivity !optional; -} -.activityEmoji_e954be { - @extend %memberActivityEmoji !optional; -} -.activityText__47ec1 { - @extend %memberActivityText !optional; -} -.icon_d942d4 { - @extend %memberActivityIcon !optional; -} -.memberGroupsPlaceholder_d0ae46 { - @extend %memberGroupPlaceholder !optional; -} -.placeholder_dad2ff { - @extend %memberPlaceholder !optional; -} -.multiplePlaceholder__394fe { - @extend %memberPlaceholderMultiple !optional; -} -.placeholderAvatar__21e48 { - @extend %memberPlaceholderAvatar !optional; -} -.placeholderUsername__7fd2c { - @extend %memberPlaceholderUsername !optional; -} -.mulitplePlaceholderUsername__5bd27 { - @extend %memberPlaceholderUsernameMultiple !optional; -} -.invite__2a93b { - @extend %activityInvite !optional; -} -.coverImageWrapper_e12d83 { - @extend %activityInviteCoverImageWrapper !optional; -} -.coverImage_b7e579 { - @extend %activityInviteCoverImage !optional; -} -.coverImageActionable__4726a { - @extend %activityInviteCoverImageActionable !optional; -} -.coverImageNotActionable__36f0f { - @extend %activityInviteCoverImageNotActionable !optional; -} -.blurred__5f676 { - @extend %activityInviteCoverImageBlurred !optional; -} -.artwork__34afd { - @extend %activityInviteArtwork !optional; -} -.artworkActionable__1d4f2 { - @extend %activityInviteArtworkActionable !optional; -} -.artworkNotActionable__3c8ef { - @extend %activityInviteArtworkNotActionable !optional; -} -.artworkSpotifySessionEnded__8272a { - @extend %activityInviteArtworkSessionEnded !optional; -} -.header__8b673 { - @extend %activityInviteHeader !optional; -} -.partyStatus__6a567 { - @extend %activityInvitePartyStatus !optional; -} -.actionAndParty__28beb { - @extend %activityInviteActionAndParty !optional; -} -.actionButton__8ecea { - @extend %activityInviteActionButton !optional; -} -.name_b50cd9 { - @extend %activityInviteName !optional; -} -.partyMembers__351a2 { - @extend %activityInvitePartyMembers !optional; -} -.partyMember__2b214 { - @extend %activityInvitePartyMember !optional; -} -.partyMemberKnown_e4d470 { - @extend %activityInvitePartyMemberKnown !optional; -} -.partyAvatar__7b4a6 { - @extend %activityInvitePartyAvatar !optional; -} -.partyMemberEmpty__94736 { - @extend %activityInvitePartyMemberEmpty !optional; -} -.moreUsers__1d9e9 { - @extend %activityInviteMoreUsers !optional; -} -.helpIcon_a58947 { - @extend %activityInviteHelpIcon !optional; -} -.details__2923a { - @extend %activityInviteDetails !optional; -} -.state__9cb82 { - @extend %activityInviteState !optional; -} -.textLink__47850 { - @extend %activityInviteTextLink !optional; -} -.attachment_f3cf2c { - @extend %attachment !optional; -} -.embedWrapper_c143d9 { - @extend %attachmentEmbedWrapper !optional; -} -.icon__30aa7 { - @extend %attachmentIcon !optional; -} -.attachmentInner__94b5f { - @extend %attachmentInner !optional; -} -.filenameLinkWrapper__56a0d { - @extend %fileNameLinkWrapper !optional; -} -.fileNameLink__995d3 { - @extend %fileNameLink !optional; -} -.metadata__541c7 { - @extend %fileMetadata !optional; -} -.downloadButton__57092 { - @extend %attachmentDownloadButton !optional; -} -.filenameWrapper__61a04 { - @extend %fileNameWrapper !optional; -} -.filename_e129cd { - @extend %fileName !optional; -} -.size__3566c { - @extend %fileSize !optional; -} -.progress_b93712 { - @extend %fileProgress !optional; -} -.progressBar__47525 { - @extend %fileProgressBar !optional; -} -.cancelButton_f76160 { - @extend %attachmentCancelButton !optional; -} -.downloadButton__57092, -.cancelButton_f76160 { - @extend %attachmentButton !optional; -} -.inline { - @extend %codeInline !optional; -} -pre { - @extend %codePre !optional; -} -.hljs { - @extend %codeHLJS !optional; -} -.codeActions__43b2e { - @extend %codeActions !optional; -} -.container_dbadf5 { - @extend %embedContainer !optional; -} -.embed_d3cbe3 { - @extend %embed !optional; -} -.grid_c7c4e6 { - @extend %embedGrid !optional; -} -.embedMargin__9576e { - @extend %embedMargin !optional; -} -.embedLink__00ab9 { - @extend %embedLink !optional; -} -.embedProvider_cfa718 { - @extend %embedProvider !optional; -} -.embedAuthor_cb4bfc { - @extend %embedAuthor !optional; -} -.embedAuthorName_a1274b { - @extend %embedAuthorname !optional; -} -.embedAuthorNameLink_b25226 { - @extend %embedAuthorNameLink !optional; -} -.embedAuthorIcon__6b055 { - @extend %embedAuthorIcon !optional; -} -.embedTitle__31740 { - @extend %embedTitle !optional; -} -.embedTitleLink__0caf9 { - @extend %embedTitleLink !optional; -} -.embedDescription__33443 { - @extend %embedDescription !optional; -} -.embedFields__51397 { - @extend %embedFields !optional; -} -.embedField_efa058 { - @extend %embedField !optional; -} -.embedFieldName_d42d0c { - @extend %embedFieldName !optional; -} -.embedFieldValue__53d47 { - @extend %embedFieldValue !optional; -} -.embedImage_e638a7 { - @extend %embedImagea !optional; -} -.embedFull__8dc21 { - @extend %embedFull !optional; -} -.imageWrapper_fd6587 { - @extend %imageWrapper !optional; -} -.imageWrapperBackground__9e3ab { - @extend %imageWrapperBackground !optional; -} -.imageError__77b3e { - @extend %imageError !optional; -} -.embedThumbnail__468e1 { - @extend %embedThumbnail !optional; -} -.embedVideo__0c65b { - @extend %embedVideo !optional; -} -.embedIframe__75457 { - @extend %embedIframe !optional; -} -.gifTag__9db5a { - @extend %embedGIFTag !optional; -} -.embedVideoActions__7513f { - @extend %embedVideoActions !optional; -} -.embedVideoAction__3ca57 { - @extend %embedVideoAction !optional; -} -.wrapper__5036f { - @extend %embedVideoActionsButtonWrapper !optional; -} -.embedFooter_a8f9aa { - @extend %embedFooter !optional; -} -.embedFooterText_dc937f { - @extend %embedFooterText !optional; -} -.embedFooterSeparator__31476 { - @extend %embedFooterSeparator !optional; -} -.embedFooterIcon_ee8373 { - @extend %embedFooterIcon !optional; -} -.wrapper_efe67f { - @extend %inviteWrapper !optional; -} -.h5__884a2 { - @extend %inviteTitle !optional; -} -.guildIcon_bcc098 { - @extend %inviteGuildIcon !optional; -} -.guildIconExpired__1d51f { - @extend %inviteGuildIconExpired !optional; -} -.guildInfo__0e8f5 { - @extend %inviteGuildInfo !optional; -} -.guildName__060cb { - @extend %inviteGuildName !optional; -} -.guildDetail__0b882 { - @extend %inviteGuildDetail !optional; -} -.status__5b71e { - @extend %inviteStatus !optional; -} -.statusOnline__13c7b { - @extend %inviteStatusOnline !optional; -} -.statusOffline__84b14 { - @extend %inviteStatusOffline !optional; -} -.button__8ec71 { - @extend %inviteButton !optional; -} -.lookFilled__19298.colorGreen__5f181 { - @extend %inviteButtonJoin !optional; -} -.lookFilled__19298.colorBrand_b2253e { - @extend %inviteButtonExpired !optional; -} -.wrapper__3a7a0 { - @extend %player !optional; -} -.wrapperAudio__555ce { - @extend %playerAudio !optional; -} -.wrapperControlsHidden__143af { - @extend %playerControlsHidden !optional; -} -.wrapperPaused__19ae3 { - @extend %playerPaused !optional; -} -.wrapperPlaying__6603b { - @extend %playerPlaying !optional; -} -.metadata__2d766 { - @extend %playerMetadata !optional; -} -.audioMetadata_e546a8 { - @extend %playerAudioMetadata !optional; -} -.metadataContent__391c4 { - @extend %playerMetadataContent !optional; -} -.metadataName__2ae3a { - @extend %playerMetadataName !optional; -} -.metadataSize__42428 { - @extend %playerMetadataSize !optional; -} -.metadataDownload__6b32d { - @extend %playerMetadataDownload !optional; -} -.metadataIcon_e42be2 { - @extend %playerMetadataIcon !optional; -} -.audioControls__9fbe9 { - @extend %playerAudioControls !optional; -} -.videoControls__96149 { - @extend %playerVideoControls !optional; -} -.controlIcon__11f8e { - @extend %playerControlIcon !optional; -} -.durationTimeWrapper_d1de6b { - @extend %playerDurationTimeWrapper !optional; -} -.durationTimeDisplay_acef46 { - @extend %playerDurationTimeDisplay !optional; -} -.durationTimeSeparator__8b5d8 { - @extend %playerDurationTimeSeparator !optional; -} -.mediaBarInteraction__0633c { - @extend %playerMediaBarInteraction !optional; -} -.mediaBarInteractionDragging__0a2ee { - @extend %playerMediaBarInteractionDragging !optional; -} -.mediaBarWrapper_f312bd { - @extend %playerMediaBarWrapper !optional; -} -.buffer_e14781 { - @extend %playerMediaBarBuffer !optional; -} -.mediaBarPreview__2937c { - @extend %playerMediaBarPreview !optional; -} -.mediaBarGrabber_c64ff9 { - @extend %playerMediaBarGrabber !optional; -} -.mediaBarProgress__29db2 { - @extend %playerMediaBarProgress !optional; -} -.bubble_f48089 { - @extend %playerMediaBarBubble !optional; -} -.mouse-mode.full-motion { - @extend %mouseModeFullMotion !optional; -} -.message__80c10 { - @extend %message !optional; -} -.wrapper__09ecc { - @extend %messagesWrapper !optional; -} -.selected_fd9051 { - @extend %messageSelected !optional; -} -.groupStart__56db5 { - @extend %messageGroupStart !optional; -} -.cozyMessage__64ce7 { - @extend %messageCozy !optional; -} -.contents_f41bb2 { - @extend %messageContent !optional; -} -.messageGroupBlocked__9a374 { - @extend %messageGroupBlocked !optional; -} -.header__39b23 { - @extend %messageHeader !optional; -} -.headerText_f47574 { - @extend %messageHeaderText !optional; -} -.username_d30d99 { - @extend %messageUsername !optional; -} -.timestamp_cdbd93 { - @extend %messageTimestamp !optional; -} -.timestamp_cdbd93.alt__6c563 { - @extend %messageTimestampAlt !optional; -} -.container_aed774 { - @extend %messageSystemContainer !optional; -} -.repliedMessage_e2bf4a { - @extend %messageReplied !optional; -} -.repliedTextPreview__90311 { - @extend %messageRepliedTextPreview !optional; -} -.clickable_d866f1 { - @extend %messageRepliedTextPreviewClickable !optional; -} -.repliedTextContent__75526 { - @extend %messageRepliedTextContent !optional; -} -.repliedTextContentIcon__4dd82 { - @extend %messageRepliedTextContentIcon !optional; -} -.repliedTextPlaceholder__044d3 { - @extend %messageRepliedTextPlaceholder !optional; -} -.executedCommand_e8859a { - @extend %messageRepliedExecutedCommand !optional; -} -.commandName_a0875b { - @extend %messageRepliedCommandName !optional; -} -.inlineMediaEmbed__4270e { - @extend %messageInlineMediaEmbed !optional; -} -.spoilerMarkdownContent__2b8f8 { - @extend %messageSpoiler !optional; -} -.mentioned__58017 { - @extend %mentioned !optional; -} -.interactive { - @extend %mentionedInteractive !optional; -} -.markup_a7e664 { - @extend %markup !optional; -} -.icon__8c32c { - @extend %messageSystemIcon !optional; -} -.wrapper_f46140 { - @extend %mentionWrapper !optional; -} -.mention { - @extend %mention !optional; -} -.channelMention { - @extend %channelMention !optional; -} -.anchor_c8ddc0 { - @extend %anchor !optional; -} -.anchorUnderlineOnHover__78236 { - @extend %anchorUnderlineOnHover !optional; -} -.buttonContainer_dd4b62 { - @extend %messageButtonContainer !optional; -} -.buttons__3766a { - @extend %messageButtons !optional; -} -.wrapper_c727b6 { - @extend %messageButtonWrapper !optional; -} -.button_d553e5 { - @extend %messageButton !optional; -} -.selected__63428 { - @extend %messageButtonSelected !optional; -} -.blockquoteContainer_f24d1f { - @extend %blockquoteContainer !optional; -} -.blockquoteDivider__96157 { - @extend %blockquoteDivider !optional; -} -.reactions_fba1d8 { - @extend %reactions !optional; -} -.reaction_b90ab0 { - @extend %reaction !optional; -} -.reaction_fef95b { - @extend %forumReaction !optional; -} -.reactionMe_bf6909 { - @extend %reactionMe !optional; -} -.reactionMe__98f57 { - @extend %forumReactionMe !optional; -} -.reactionInner__00d5f { - @extend %reactionInner !optional; -} -.reactionInner__4135b { - @extend %forumReactionInner !optional; -} -.reactionCount__60448 { - @extend %reactionCount !optional; -} -.reactionCount_b49901 { - @extend %forumReactionCount !optional; -} -.addReactButton__59750 { - @extend %forumReactAdd !optional; -} -.buttonInner__2771e { - @extend %forumMessageButton !optional; -} -.active_f1266e { - @extend %forumFollowActive !optional; -} -.staticToolbar__7ef7b { - @extend %forumSettingsGuidelinesToolbar !optional; -} -.spoilerMarkdownContent__2b8f8 { - @extend %spoilerMarkdownContent !optional; -} -.hidden_f44e41 { - @extend %spoilerHidden !optional; -} -.spoilerMarkdownContent__2b8f8 { - @extend %spoilerMarkdownContent !optional; -} -.spoilerWarning_d02e2d { - @extend %spoilerWarning !optional; -} -.keyboardShortcutsModal__74c71 { - @extend %keyboardShortcutsModal !optional; -} -.combo__57290 { - @extend %keybindCombo !optional; -} -.key__06fe6 { - @extend %keybindShortcutKey !optional; -} -.inputWrapper__934f5 { - @extend %inputWrapper !optional; -} -.input_d266e7 { - @extend %input !optional; -} -.focused_db7916 { - @extend %inputFocused !optional; -} -.noBorder_bf418d { - @extend %inputNoBorder !optional; -} -.inputField__79601 { - @extend %inputField !optional; -} -.modal__4f3da { - @extend %modal !optional; -} -.root_a28985 { - @extend %modalRoot !optional; -} -.header__3d25c { - @extend %modalHeader !optional; -} -.footer__89240 { - @extend %modalFooter !optional; -} -.footer_ceda43 { - @extend %uploadModalFooter !optional; -} -.userProfileModalOuter__3fe6b { - @extend %userModalOuter !optional; -} -.userProfileModalInner__7c87d { - @extend %userModalInner !optional; -} -.profileBanner__8414b { - @extend %userModalProfileBanner !optional; -} -.badgeList_c193e3 { - @extend %userModalBadgeList !optional; -} -.badgeList_ef4131 { - @extend %userModalDMBadgeList !optional; -} -.overlayBackground__86b78 { - @extend %userModalOverlayBackground !optional; -} -.body_ea740e { - @extend %userModalBody !optional; -} -.tabBarContainer__63f55 { - @extend %userModalTabBarContainer !optional; -} -.tabBar__35f81 { - @extend %userModalTabBar !optional; -} -.userInfoSection__1daf8 { - @extend %userModalInfoSection !optional; -} -.userInfoSectionHeader__31b66 { - @extend %userModalInfoSectionHeader !optional; -} -.connectedAccounts_dc0a56 { - @extend %userModalConnectedAccounts !optional; -} -.connectedAccountContainer__23f00 { - @extend %userModalConnectedAccountContainer !optional; -} -.connectedAccountIcon__6bc30 { - @extend %userModalConnectedAccountIcon !optional; -} -.connectedAccountName_f0a294 { - @extend %userModalConnectedAccountName !optional; -} -.connectedAccountVerifiedIcon_db6dbd { - @extend %userModalConnectedAccountVerifiedIcon !optional; -} -.connectedAccountOpenIcon_df549d { - @extend %userModalConnectedAccountOpenIcon !optional; -} -.listScroller__92e1a { - @extend %userModalListScroller !optional; -} -.listRow__60937 { - @extend %userModalListRow !optional; -} -.listRowContent_ba135a { - @extend %userModalListRowConent !optional; -} -.listName_dbd44a { - @extend %userModalListName !optional; -} -.guildNick__01069 { - @extend %userModalListGuildNick !optional; -} -.listDiscriminator__3cdbe { - @extend %userModalListDiscriminator !optional; -} -.pageWrapper_fef757 { - @extend %pageWrapper !optional; -} -.search_e47903 { - @extend %discoverSearch !optional; -} -.searchBox_a63854 { - @extend %discoverSearchBox !optional; -} -.searchPageBox__56275 { - @extend %discoverSearchPageBox !optional; -} -.searchBoxInput__73c9c { - @extend %discoverSearchBoxInput !optional; -} -.searchIcon_e60ea8 { - @extend %discoverSearchBoxIconSearch !optional; -} -.clearIcon__91449 { - @extend %discoverSearchBoxClearIcon !optional; -} -.categoryItem_b1be5c { - @extend %discoverCategoryItem !optional; -} -.selectedCategoryItem__0bf4c { - @extend %discoverCategoryItemSelected !optional; -} -.itemInner__9e755 { - @extend %discoverCategoryItemInner !optional; -} -.guildList_b5189f { - @extend %discoverGuildList !optional; -} -.loading_e7a19f { - @extend %discoverGuildCardLoading !optional; -} -.loaded__6eb25 { - @extend %discoverGuildCardLoaded !optional; -} -.card__86773 { - @extend %discoverGuildCard !optional; -} -.container__8877d { - @extend %discoverHubCard !optional; -} -.iconMask__1aff7 { - @extend %discoverGuildCardIcon !optional; -} -.splash_c32fae { - @extend %discoverCardSplash !optional; -} -.guildInfo_ef4f03 { - @extend %discoverGuildInfo !optional; -} -.guildIcon__597aa { - @extend %discoverGuildIcon !optional; -} -.avatar_be9803 { - @extend %discoverGuildAvatar !optional; -} -.title__17a17 { - @extend %discoverGuildTitle !optional; -} -.memberInfo_d96ddb { - @extend %discoverGuildMemberInfo !optional; -} -.dotOnline__72689 { - @extend %discoverGuildStatusOnline !optional; -} -.dotOffline_a11803 { - @extend %discoverGuildStatusOffline !optional; -} -.emptyContainer_a4bd05 { - @extend %discoverEmptyResults !optional; -} -.emptyImage__66bed { - @extend %discoverEmptyImage !optional; -} -.emptyHeader__309f2 { - @extend %discoverEmptyTitle !optional; -} -.container__0810b { - @extend %connectionInfo !optional; -} -.popoutBottom_f1aeca { - @extend %connectionInfoBottom !optional; -} -.secured__615be { - @extend %connectionInfoSecured !optional; -} -.emojiPicker_b65ce9 { - @extend %emojiPicker !optional; -} -.contentWrapper__321ed { - @extend %emojiPickerWrapper !optional; -} -.drawerSizingWrapper__30274 { - @extend %emojiPickerSizer !optional; -} -.navButtonActive__735cb { - @extend %emojiPickerNavButton !optional; -} -.header__55964 { - @extend %emojiPickerHeader !optional; -} -.searchBar__8f956 { - @extend %emojiPickerSearchBar !optional; -} -.diversitySelectorOptions__846c5 { - @extend %emojiPickerDiversitySelectorPopout !optional; -} -.diversityEmojiItem__6505f { - @extend %emojiPickerDiversityItem !optional; -} -.categorySection_f44c2f { - @extend %emojiPickerCategorySection !optional; -} -.wrapper__7a35f { - @extend %emojiPickerCategoryHeaderWrapper !optional; -} -.header__9f6dc { - @extend %emojiPickerCategoryHeader !optional; -} -.emojiItem_b15dee { - @extend %emojiPickerItem !optional; -} -.emojiItemSelected__1a09a { - @extend %emojiPickerItemSelected !optional; -} -.emojiItemDisabled__36cbf { - @extend %emojiPickerItemDisabled !optional; -} -.imageLoading__37d01 { - @extend %emojiPickerItemLoading !optional; -} -.inspector__993e1 { - @extend %emojiPickerInspector !optional; -} -.categoryList_f8c48f { - @extend %emojiCategoryList !optional; -} -.wrapper_cd625e { - @extend %emojiCategoryListWrapper !optional; -} -.scroller_e89578 { - @extend %emojiCategoryScroller !optional; -} -.categoryItem__39904 { - @extend %emojiCategoryItem !optional; -} -.categoryIcon__7d3fc { - @extend %emojiCategoryItemIcon !optional; -} -.categoryItemDefaultCategorySelected__8245a { - @extend %emojiCategoryItemSelected !optional; -} -.categoryItemGuildCategory__2a2ce { - @extend %emojiCategoryGuildItem !optional; -} -.guildIcon__4d796 { - @extend %emojiCategoryGuildIcon !optional; -} -.unicodeShortcut__1dd6b { - @extend %emojiCategoryUnicodeShortcut !optional; -} -.popout__08442 { - @extend %groupInvitePopout !optional; -} -.subtitle__593cd { - @extend %groupInvitePopoutSubtitle !optional; -} -.searchBar__3020e { - @extend %groupInvitePopoutSearchBar !optional; -} -.searchBarComponent__46512 { - @extend %groupInvitePopoutSearchContainer !optional; -} -.inner__178b2 { - @extend %groupInvitePopoutSearchBarInner !optional; -} -.tag__69d9d { - @extend %groupInvitePopoutSearchTag !optional; -} -.close_d0f3c9 { - @extend %groupInvitePopoutSearchTagClose !optional; -} -.friendWrapper__70b6f { - @extend %groupInvitePopoutFriendWrapper !optional; -} -.friend__05c43 { - @extend %groupInvitePopoutFriend !optional; -} -.friendSelected_f0db37 { - @extend %groupInvitePopoutFriendSelected !optional; -} -.nickname_bad638 { - @extend %groupInvitePopoutNickname !optional; -} -.discordTag_c7823f { - @extend %groupInvitePopoutDiscordTag !optional; -} -.footer__274e8 { - @extend %groupInvitePopoutFooter !optional; -} -.footerSeparator__010c9 { - @extend %groupInvitePopoutFooterSeparator !optional; -} -.menu_dc52c6 { - @extend %menuPopout !optional; -} -.colorDefault__0b482 { - @extend %menuPopoutSelected !optional; -} -.hideInteraction__2790e { - @extend %menuPopoutHideInteraction !optional; -} -.item__183e8 { - @extend %menuPopoutItem !optional; -} -.focused__27621 { - @extend %menuPopoutItemHover !optional; -} -.colorBrand__471df { - @extend %menuPopoutItemInvite !optional; -} -.colorDanger_eec36d { - @extend %menuPopoutItemDanger !optional; -} -.separator__18122 { - @extend %menuPopoutSeparator !optional; -} -.iconContainer__829e7 { - @extend %menuPopoutIconContainer !optional; -} -.icon_f09dde { - @extend %menuPopoutIcon !optional; -} -.checkbox__45366 { - @extend %menuPopoutCheckbox !optional; -} -.radioSelection__5ed39 { - @extend %menuPopoutRadio !optional; -} -.check__8d1bd { - @extend %menuPopoutCheck !optional; -} -.layerContainer_d5a653 { - @extend %layerContainer !optional; -} -.layer_ec16dd { - @extend %popoutLayer !optional; -} -.animatorTop__609e7 { - @extend %popoutAnimatorTop !optional; -} -.animatorBottom_b2d32e { - @extend %popoutAnimatorBottom !optional; -} -.animatorLeft_b2289c { - @extend %popoutAnimatorLeft !optional; -} -.animatorRight__5895e { - @extend %popoutAnimatorRight !optional; -} -.input_f4043f { - @extend %popoutInput !optional; -} -.container_d6dad3 { - @extend %searchPopout !optional; -} -.resultsGroup_ea9b64 { - @extend %searchPopoutResultsGroup !optional; -} -.header_b24bd1 { - @extend %searchPopoutHeader !optional; -} -.option_b5597b { - @extend %searchPopoutOption !optional; -} -.filter_bd5fe7 { - @extend %searchPopoutFilter !optional; -} -.answer__9ff92 { - @extend %searchPopoutAnswer !optional; -} -.nonText_cbb69b { - @extend %searchPopoutNonText !optional; -} -.plusIcon__36244 { - @extend %searchPopoutPlusIcon !optional; -} -.searchLearnMore_bf7b8e { - @extend %searchPopoutLearnMore !optional; -} -.searchClearHistory_cd1df2 { - @extend %searchPopoutClearHistory !optional; -} -.queryContainer_c359fe { - @extend %searchPopoutQueryContainer !optional; -} -.focused_f9cf2c { - @extend %searchPopoutQueryContainerFocused !optional; -} -.queryText__5bb6b { - @extend %searchPopoutQueryText !optional; -} -.queryShortcut__88ea5 { - @extend %searchPopoutQueryShortcut !optional; -} -.user__97b4c { - @extend %searchPopoutOptionUser !optional; -} -.displayedNick_df9a16 { - @extend %searchPopoutDisplayedNick !optional; -} -.displayUsername_aea59a { - @extend %searchPopoutDisplayUsername !optional; -} -.resultChannel__9ca5c { - @extend %searchPopoutChannel !optional; -} -.searchResultChannelIcon__95142 { - @extend %searchPopoutChannelIcon !optional; -} -.searchResultChannelCategory__7ebb5 { - @extend %searchPopoutChannelCategory !optional; -} -.datePicker__94673 { - @extend %searchPopoutDatePicker !optional; -} -.datePickerHint__7cc9b { - @extend %searchPopoutDatePickerHint !optional; -} -.hint__460f1 { - @extend %searchPopoutHint !optional; -} -.hintValue_c2ce1f { - @extend %searchPopoutHintValue !optional; -} -.calendarPicker__5c474 { - @extend %calendarPicker !optional; -} -.react-datepicker { - @extend %datepicker !optional; -} -.react-datepicker__navigation { - @extend %datepickerNavigation !optional; -} -.react-datepicker__navigation--next { - @extend %datepickerNavigationNext !optional; -} -.react-datepicker__navigation--previous { - @extend %datepickerNavigationPrevious !optional; -} -.react-datepicker__month-container { - @extend %datepickerMonthContainer !optional; -} -.react-datepicker__header { - @extend %datepickerHeader !optional; -} -.react-datepicker__current-month { - @extend %datepickerCurrentMonth !optional; -} -.react-datepicker__day-names { - @extend %datepickerDayNames !optional; -} -.react-datepicker__day-name { - @extend %datepickerDayName !optional; -} -.react-datepicker__month { - @extend %datepickerMonth !optional; -} -.react-datepicker__week { - @extend %datepickerWeek !optional; -} -.react-datepicker__day { - @extend %datepickerDay !optional; -} -.react-datepicker__day--selected { - @extend %datepickerDaySelected !optional; -} -.react-datepicker__day--disabled { - @extend %datepickerDayDisabled !optional; -} -.react-datepicker__day--today { - @extend %datepickerDayToday !optional; -} -.react-datepicker__day--outside-month { - @extend %datepickerDayOutsideMonth !optional; -} -.react-datepicker__day--weekend { - @extend %datepickerDayWeekend !optional; -} -.react-datepicker__day--mon { - @extend %datepickerDayMon !optional; -} -.react-datepicker__day--tue { - @extend %datepickerDayTue !optional; -} -.react-datepicker__day--wed { - @extend %datepickerDayWed !optional; -} -.react-datepicker__day--thu { - @extend %datepickerDayThu !optional; -} -.react-datepicker__day--fri { - @extend %datepickerDayFri !optional; -} -.react-datepicker__day--sat { - @extend %datepickerDaySat !optional; -} -.react-datepicker__day--sun { - @extend %datepickerDaySun !optional; -} -.statusItem__3440f { - @extend %statusPickerItem !optional; -} -.status__0fce8 { - @extend %statusPickerText !optional; -} -.description__76091 { - @extend %statusPickerDescription !optional; -} -.status__1c26d { - @extend %statusPickerIcon !optional; -} -.userProfileOuterUnthemed__48723 { - @extend %userProfileOuterUnthemed !optional; -} -.userPanelInnerThemed__1804b { - @extend %userProfileDMInnerThemed !optional; -} -.userPanelOverlayBackground__34fc8 { - @extend %userProfileDMOverlayBackground !optional; -} -.actionColor__21cca { - @extend %userProfileActionColor !optional; -} -.userPopoutOuter_d739b2 { - @extend %userPopoutOuter !optional; -} -.userPopoutInner_f545a3 { - @extend %userPopoutInner !optional; -} -.userProfileInnerThemedPremiumWithoutBanner__703b1, -.userProfileInnerThemedWithBanner_d5f991 { - @extend %userPopoutInnerThemed !optional; -} -.popoutBanner__9f5b9 { - @extend %userPopoutBanner !optional; -} -.popoutNoBannerPremium_edf6d3 { - @extend %userPopoutNoBannerPremium !optional; -} -.popoutBannerPremium__942db { - @extend %userPopoutBannerPremium !optional; -} -.profileBadges__7a7cb { - @extend %userPopoutProfileBadges !optional; -} -.userPopoutOverlayBackground_d8afa4 { - @extend %userPopoutOverlayBackground !optional; -} -.buttonColor__01bf8 { - @extend %userPopoutButtonColor !optional; -} -.roles__74a2b { - @extend %userPopoutRoles !optional; -} -.textarea_c5a7a3 { - @extend %userPopoutNoteTextArea !optional; -} -.messageInputContainer__768e6 { - @extend %userPopoutMessageInputContainer !optional; -} -.errorPage_da3c8d { - @extend %errorPage !optional; -} -.image_dabcb8 { - @extend %errorPageImage !optional; -} -.text__9b110 { - @extend %errorPageText !optional; -} -.note__35490 { - @extend %errorPageNote !optional; -} -.children_b15c64 { - @extend %paymentinfo !optional; -} -.container__4bde3 { - @extend %loadingScreen !optional; -} -.links_ab4aa2 { - @extend %loadingLinks !optional; -} -.searchResultsWrap__9f374 { - @extend %searchResultsWrap !optional; -} -.searchHeader__19d87 { - @extend %searchHeader !optional; -} -.searchHeader__6a6c8 { - @extend %searchHubHeader !optional; -} -.totalResults__695d3 { - @extend %searchTotalResults !optional; -} -.searchResult_dcd237 { - @extend %searchResult !optional; -} -.button_f8244b { - @extend %searchResultJumpButton !optional; -} -.highlight { - @extend %searchResultHighlight !optional; -} -.contentRegion__0bec1 { - @extend %settingsContentRegion !optional; -} -.contentRegionScroller__86c79 { - @extend %settingsContentScroller !optional; -} -.sidebarScrollable__4aad1 { - @extend %settingsContentSidebarScrollable !optional; -} -.scroller__52680 { - @extend %settingsContentSidebarScroller !optional; -} -.toolsContainer_f5d55d { - @extend %settingsToolsContainer !optional; -} -.tools_c0ff70 { - @extend %settingsTools !optional; -} -.container_bb0c52 { - @extend %settingsCloseButtonContainer !optional; -} -.closeButton__34341 { - @extend %settingsCloseButton !optional; -} -.keybind__57645 { - @extend %settingsCloseButtonKeybind !optional; -} -.imageUploaderInner_da8332 { - @extend %settingsImageUploaderInner !optional; -} -.imageUploaderIcon__0c13b { - @extend %settingsImageUploaderIcon !optional; -} -.card__4dc22 { - @extend %settingsCard !optional; -} -.cardWrapper_bc8d2a { - @extend %settingsCardWrapper !optional; -} -.customColorPicker__3cb6a { - @extend %settingsColorPickerCustom !optional; -} -.container__467eb { - @extend %settingsNoticeContainer !optional; -} -.standardSidebarView__1129a { - @extend %standardSidebarView !optional; -} -.sidebarRegion__60457 { - @extend %settingsSidebarRegion !optional; -} -.sidebarRegionScroller__1fa7e { - @extend %settingsSidebarScroller !optional; -} -.sidebar__9e3e2 { - @extend %settingsSidebar !optional; -} -.side_b4b3f6 { - @extend %settingsSide !optional; -} -.selectedBackground_d847da { - @extend %settingsSidebarScrollerSelectedBackground !optional; -} -.header_f72511 { - @extend %settingsHeader !optional; -} -.headerText__94c22 { - @extend %settingsHeaderText !optional; -} -.separator_fdbcfd { - @extend %settingsSeparator !optional; -} -.serverBoostTabItem_b19426 { - @extend %settingsServerBoostTabItem !optional; -} -.socialLinks_c1fc99 { - @extend %settingsSocialLinks !optional; -} -.link_b006df { - @extend %settingsSocialLink !optional; -} -.availabilityIndicator__32891 { - @extend %guildFeatureAvailabilityIndicator !optional; -} -.roleRow_c357d5 { - @extend %roleRow !optional; -} -.roleRowDisableHover__9fe35 { - @extend %roleRowDisabledHover !optional; -} -.container_d5f6d0 { - @extend %guildSettingsRoleDefaultPermissions !optional; -} -.icon__4c736 { - @extend %guildSettingsRoleDefaultPermissionsIcon !optional; -} -.titleContainer_e558ff { - @extend %guildSettingsRoleBackContainer !optional; -} -.list__41249 { - @extend %guildSettingsRoleList !optional; -} -.row__5f051 { - @extend %guildSettingsRoleListRow !optional; -} -.header__63c59 { - @extend %guildSettingsRoleHeader !optional; -} -.top__592a7 { - @extend %guildSettingsRoleHeaderTabTop !optional; -} -.brand_ce3ecf { - @extend %guildSettingsRoleHeaderTabBrand !optional; -} -.previewContainer_c7e80d { - @extend %guildSettingsRoleIconPreview !optional; -} -.upsellContainer-1Ml-W5 { - @extend %guildSettingsRoleUpsell !optional; -} -.upsellFooter-2aN0L_ { - @extend %guildSettingsRoleUpsellFooter !optional; -} -.emojiRow__4661c { - @extend %guildSettingsEmojiCard !optional; -} -.emojiRow__4661c { - @extend %guildSettingsEmojiRow !optional; -} -.emojiRemove_b299a6 { - @extend %guildSettingsEmojiRemove !optional; -} -.emojiAliasInput_dd55f7 { - @extend %guildSettingsEmojiAliasInput !optional; -} -.emojiInput__4fe54 { - @extend %guildSettingsEmojiInput !optional; -} -.emojiAliasPlaceholder__71733 { - @extend %guildSettingsEmojiAliasPlaceholder !optional; -} -.wrapper__93f27 { - @extend %guildSettingsStickersUploadCard !optional; -} -.tierLock__3e43d { - @extend %guildSettingsStickersTierLock !optional; -} -.changelog__6d46d { - @extend %guildSettingsSafetyChangeLog !optional; -} -.safetyChecklist__826c8 { - @extend %guildSettingsSafetyChecklist !optional; -} -.valuePill__9d21a { - @extend %guildSettingsSafetyPill !optional; -} -.simpleItemWrapper__2a0a0 { - @extend %guildSettingsSafetyItemWrapper !optional; -} -.textBadge__9e179 { - @extend %automodBadge !optional; -} -.editCard_dfa091 { - @extend %automodEditCard !optional; -} -.active_ef2ec5 { - @extend %automodEditCardActive !optional; -} -.toggled_bf7bde { - @extend %automodEditCardToggled !optional; -} -.ruleIconContainer_baf164 { - @extend %automodRuleIconContainer !optional; -} -.ruleIcon__44d2b { - @extend %automodRuleIcon !optional; -} -.actionContainer_d21d10 { - @extend %automodActionTag !optional; -} -.actionIcon__2a5f8 { - @extend %automodActionIcon !optional; -} -.actionTextHeader__87eb9 { - @extend %automodActionText !optional; -} -.stepCountIcon_a27a70 { - @extend %automodStepIcon !optional; -} -.stepperContainer__053f4 { - @extend %automodStepperCOntainer !optional; -} -.mentionLimitContainer__0f0ff, -.keywordListContainer_fdf41c, -.actionContainer__51bd9 { - @extend %automodContentCard !optional; -} -.collapseable__71e46 { - @extend %automodCollapseableCard !optional; -} -.toggled_bb1607 { - @extend %automodCollapseableCardToggled !optional; -} -.container__74689 { - @extend %automodCollapseableHeaderContainer !optional; -} -.clickableContainer__69013 { - @extend %automodCollapseableHeaderClickable !optional; -} -.groupCollapsedContainer_d7de68 { - @extend %automodCollapsedContainer !optional; -} -.pointer_d95271 { - @extend %automodCollapseablePointer !optional; -} -.backgroundModifierContainer__73a0a { - @extend %automodCollapseableRadioBackground !optional; -} -.selected__93d53 { - @extend %automodCollapseableRadioSelected !optional; -} -.keywordsTextArea_d5eadb { - @extend %automodKeywordsTextArea !optional; -} -.textArea__3f404 { - @extend %automodRegexTextArea !optional; -} -.resultsList_bec6cd { - @extend %automodDropdown !optional; -} -.channelLabel__6345a { - @extend %automodDropdownChannel !optional; -} -.channelIcon__801cb { - @extend %automodDropdownChannelIcon !optional; -} -.roleLabel_cf92a0 { - @extend %automodDropdownRole !optional; -} -.auditLog__6c805 { - @extend %guildSettingsAuditLog !optional; -} -.header_e08fd2 { - @extend %guildSettingsAuditHeader !optional; -} -.headerExpanded__03c29 { - @extend %guildSettingsAuditHeaderExpanded !optional; -} -.divider__1505d { - @extend %guildSettingsAuditDivider !optional; -} -.changeDetails_ecd760 { - @extend %guildSettingsAuditChangeDetails !optional; -} -.testimonialHeroContainer__4a355 { - @extend %guildSettingsOnboardingTestimonialContainer !optional; -} -.quotes__35cf8 { - @extend %guildSettingsOnboardingTestimonialQuotes !optional; -} -.testimonial__1b63f { - @extend %guildSettingsOnboardingTestimonial !optional; -} -.upsellPreview_e0cb61 { - @extend %guildSettingsOnboardingUpsell !optional; -} -.previewListItem__4f725 { - @extend %guildSettingsOnboardingUpsellList !optional; -} -.selected__2d410 { - @extend %guildSettingsOnboardingUpsellListSelected !optional; -} -.checkboxCircle_aed363 { - @extend %guildSettingsOnboardingUpsellCheckboxCircle !optional; -} -.checkbox__9abca { - @extend %guildSettingsOnboardingUpsellCheckbox !optional; -} -.userCardInner_d6aa46 { - @extend %guildSettingsOnboardingUpsellUserCard !optional; -} -.action_c957d9 { - @extend %guildSettingsOnboardingUpsellUserAction !optional; -} -.channelIconContainer__5df13 { - @extend %guildSettingsOnboardingUpsellChannelIcon !optional; -} -.educationUpsell_ee1637 { - @extend %onboardingEduPopout !optional; -} -.educationUpsellArrow__65907 { - @extend %onboardingEduPopoutArrow !optional; -} -.progressBarContainer_f5600f { - @extend %onboardingProgressBarContainer !optional; -} -.progressBar__02515 { - @extend %onboardingProgressBar !optional; -} -.progressBarCurrent__44486 { - @extend %onboardingProgressBarCurrent !optional; -} -.container_ecf1d0 { - @extend %onboardingFooterContainer !optional; -} -.channelRow__33fcb { - @extend %onboardingChannelRow !optional; -} -.disabled__7b158 { - @extend %onboardingChannelRowDisabled !optional; -} -.separator_a693be { - @extend %onboardingChannelRowSeparator !optional; -} -.header__8e9c1 { - @extend %onboardingChannelListHeader !optional; -} -.container__9e6a7 { - @extend %onboardingChannelListHeaderContainer !optional; -} -.progressBar_f4b358 { - @extend %onboardingChannelListProgressBar !optional; -} -.icon__3117c { - @extend %onboardingChannelListProgressIcon !optional; -} -.channelList__4e836 { - @extend %onboardingChannelList !optional; -} -.chattableIndicator__320a3 { - @extend %onboardingChannelChattableIndicator !optional; -} -.channelCoverage__3b43c { - @extend %onboardingChannelCoverage !optional; -} -.coverageProgress__7696d { - @extend %onboardingChannelCoverageProgress !optional; -} -.channelCoverageDetails__1b72e { - @extend %onboardingChannelCoverageDetails !optional; -} -.channelPill_c6644a { - @extend %onboardingChannelCoveragePill !optional; -} -.addPrompt_d0c3a2 { - @extend %onboardingAddQuestion !optional; -} -.plusIcon__5736c { - @extend %onboardingAddQuestionIcon !optional; -} -.container_bc63f8 { - @extend %onboardingQuestionContainer !optional; -} -.example__9c5a6 { - @extend %onboardingQuestionExample !optional; -} -.resultsList_ccad0b { - @extend %onboardingQuestionDropdown !optional; -} -.channelRowLabel__9c6c0 { - @extend %onboardingQuestionDropdownChannelLabel !optional; -} -.channelIcon__9cdc6 { - @extend %onboardingQuestionDropdownChannelIcon !optional; -} -.badExampleIcon__70659 { - @extend %onboardingActionExampleBadIcon !optional; -} -.actionItem__36958 { - @extend %onboardingActionItem !optional; -} -.resourceChannel__1f331 { - @extend %onboardingResourceChannel !optional; -} -.actionItemEmojiWrapper__09da8 { - @extend %onboardingActionItemIcon !optional; -} -.addActionItem__209df { - @extend %onboardingActionAdd !optional; -} -.pillContainer_e97d2d { - @extend %onboardingActionPreviewPill !optional; -} -.pillItemSelected__3dd13 { - @extend %onboardingActionPreviewPillSelected !optional; -} -.reviewHeader__0a240 { - @extend %onboardingReviewHeader !optional; -} -.onboardingStepContainer__4a9d0 { - @extend %onboardingReviewStepContainer !optional; -} -.iconContainer_ccedf9 { - @extend %onboardingReviewIconContainer !optional; -} -.channelIcon__7901b { - @extend %onboardingReviewIcon !optional; -} -.card_bc6ee2 { - @extend %guildSettingsSubsCard !optional; -} -.howItWorksContainer_ef4386 { - @extend %guildSettingsSubsStepsContainer !optional; -} -.howItWorksImageContainer__91f71 { - @extend %guildSettingsSubsStepsImageContainer !optional; -} -.earningsPreviewContainer__775cb { - @extend %guildSettingsSubsEarningsPreviewContainer !optional; -} -.avatarCard_edc99c { - @extend %guildSettingsSubsAvatarCard !optional; -} -.emojisContainer__68736 { - @extend %guildSettingsSubsEmojisContainer !optional; -} -.viewServerButton__1ce42 { - @extend %guildSettingsSubsViewServerButton !optional; -} -.roleWrapper__0f174 { - @extend %guildSettingsMembersRoleWrapper !optional; -} -.activityUserPopoutV2__32328, -.activityProfileV2__4de28 { - @extend %activity !optional; -} -.headerText__7d203 { - @extend %activityHeaderText !optional; -} -.nameNormal__1d540 { - @extend %activityNameNormal !optional; -} -.activityName__47e51 { - @extend %activityName !optional; -} -.bodyLink__0ab7c { - @extend %activityBodyLink !optional; -} -.timestamp__1ce6c { - @extend %activityTimestamp !optional; -} -.wrapper_edb6e0 { - @extend %avatarWrapper !optional; -} -.mask__1979f { - @extend %avatarMask !optional; -} -.avatar__6337f { - @extend %avatarImage !optional; -} -.avatar__08316 { - @extend %avatarLarge !optional; -} -.avatarOffline-3GF27z { - @extend %avatarOffline !optional; -} -.botTag__4211a { - @extend %botTag !optional; -} -.botTagInvert_c85692 { - @extend %botTagInvert !optional; -} -.role__631a3 { - @extend %role !optional; -} -.roleCircle_bae511 { - @extend %roleCircle !optional; -} -.roleRemoveIcon__7f63d { - @extend %roleRemoveIcon !optional; -} -.roleRemoveButton__737f2 { - @extend %roleRemoveButton !optional; -} -.roleName_d19d33 { - @extend %roleName !optional; -} -.addButton_c648bf { - @extend %roleAddButton !optional; -} -.loading__30066 { - @extend %loading !optional; -} -.container__08420 { - @extend %replyContainer !optional; -} -.replyBar_b64d74 { - @extend %replyBar !optional; -} -.threadSuggestionBar_b633f7 { - @extend %replySuggestion !optional; -} -.mentionButton_a470c4 { - @extend %replyMentionButton !optional; -} -.closeButton__89e56 { - @extend %replyCloseButton !optional; -} -.separator__7538d { - @extend %replySeperator !optional; -} -.replying_d7b6ad { - @extend %replyingToIndicator !optional; -} -.item_b7fb7e { - @extend %radioItem !optional; -} -.disabled_af801d { - @extend %radioItemDisabled !optional; -} -.radioBar__40e1b { - @extend %radioBar !optional; -} -.radioIconForeground__99b9b { - @extend %radioIconChecked !optional; -} -.accountProfileCard__22589 { - @extend %userSettingsAccountProfileCard !optional; -} -.background_b61fcc { - @extend %userSettingsAccountProfileBackground !optional; -} -.fieldList_aab0de { - @extend %userSettingsAccountProfileFields !optional; -} -.avatar__6c108 { - @extend %userSettingsAccountProfileAvatar !optional; -} -.premiumFeatureBorder__9bbb3 { - @extend %userSettingsProfilePremiumBorder !optional; -} -.premiumBackground__4ce97 { - @extend %userSettingsProfilePremiumBackground !optional; -} -.upsellOverlayContainer__08979 { - @extend %userSettingsProfileUpsellOverlayContainer !optional; -} -.upsellOverlay__688e8 { - @extend %userSettingsProfileUpsellOverlay !optional; -} -.container__6968f, -.container__9c82e, -.container__9f90c { - @extend %userSettingsFamilyContainers !optional; -} -.box__6431e { - @extend %userSettingsFamilyBox !optional; -} -.circle__7dd22 { - @extend %userSettingsFamilyCircle !optional; -} -.iconContainer__82920 { - @extend %userSettingsFamilyIconContainer !optional; -} -.giftCard__30972 { - @extend %userSettingsNitroGiftCard !optional; -} -.borderRect__8ec00 { - @extend %userSettingsBoostHeaderBorderRect !optional; -} -.header_a2ba3b { - @extend %userSettingsBoostHeader !optional; -} -.guildContainer__9d362 { - @extend %userSettingsBoostGuildContainer !optional; -} -.wrapper__0df00 { - @extend %userSettingsBoostGuildSearchWrapper !optional; -} -.boosterRecognitionCard__5fc19 { - @extend %userSettingsBoostRecognitionCard !optional; -} -.faq__1d001 { - @extend %userSettingsBoostFAQ !optional; -} -.noItemsIcon_b1e42b, -.noItemsIcon__38ca2 { - @extend %userSettingsSubsNoItemsIcons !optional; -} -.detailsBlock__1191c { - @extend %userSettingsSubsPayDetailsBlock !optional; -} -.defaultIndicator__855a2 { - @extend %userSettingsBillingIndicator !optional; -} -.description__75831, .descriptionWrapper__0d577 { - @extend %userSettingsBillingMethodText !optional; -} -.selectionCircle_f4288e { - @extend %userSettingsAppearanceSelectionCircle !optional; -} -.checkmark__1577e { - @extend %userSettingsAppearanceCheckmart !optional; -} -.previewMessage__1075c { - @extend %userSettingsAccessibilityMsgPreview !optional; -} -.micTest__30846 { - @extend %userSettingsMicTest !optional; -} -.container__6d33c { - @extend %userSettingsMicTestContainer !optional; -} -.progress__2cc1d { - @extend %userSettingsMicTestProgress !optional; -} -.notches__065e9 { - @extend %userSettingsMicTestNotches !optional; -} -.soundButtonSettingContainer__548af { - @extend %userSettingsEntranceSoundButton !optional; -} -.cameraWrapper__1ee6d { - @extend %userSettingsVideoCameraWrapper !optional; -} -.backgroundOption__745bb { - @extend %userSettingsVideoBgOption !optional; -} -.backgroundOptionRing__1f209 { - @extend %userSettingsVideoBgOptionRing !optional; -} -.backgroundOptionInner__1477f { - @extend %userSettingsVideoBgOptionInner !optional; -} -.auto_a48086 { - @extend %scrollbarAuto !optional; -} -.thin_b1c063 { - @extend %scrollbarThin !optional; -} -.none__51a8f { - @extend %scrollbarNone !optional; -} -.segmentControl_b89f83 { - @extend %screenshareSegmentContainer !optional; -} -.segmentControlOption__84fb6 { - @extend %screenshareSegmentControlOption !optional; -} -.tabItemSelected__3dfe7 { - @extend %screenshareSegmentControlSelected !optional; -} -.tile__46960 { - @extend %screenshareTile !optional; -} -.sourceThumbnail__21c87 { - @extend %screenshareSourceThumbnail !optional; -} -.selected__26467 { - @extend %screenshareSourceSelected !optional; -} -.card__7756d { - @extend %screenshareCard !optional; -} -.selectorButton_c6ae93 { - @extend %screenshareSettingsSelector !optional; -} -.selectorButtonSelected_fbe8fc { - @extend %screenshareSettingsSelected !optional; -} -.selectorButtonPremiumRequired_ce72d6 { - @extend %screenshareSettingsPremiumRequired !optional; -} -.card__3662a { - @extend %serverWelcomeCards !optional; -} -.checkmark__0b63d { - @extend %serverInviteTick !optional; -} -.textContainer__709ff { - @extend %textContainer !optional; -} -.footer__06f4b { - @extend %textContainerFooter !optional; -} -.languageSelector_a1c2f3 { - @extend %languageSelector !optional; -} -.item-1BCeuB { - @extend %languageSelectorItem !optional; -} -.selected-22ukbQ { - @extend %languageSelectorSelected !optional; -} -.modalTextContainer_ddfc28 { - @extend %textContainerModal !optional; -} -.attachmentName_b33bf1 { - @extend %attachmentName !optional; -} -.formattedSize__07da1 { - @extend %attachmentSize !optional; -} -.container__3e5cc { - @extend %stageContainer !optional; -} -.callContainer_e8faeb { - @extend %stageCallContainer !optional; -} -.scroller_d8c41e { - @extend %stageScroller !optional; -} -.gradientContainer__9a5a6 { - @extend %stageGradientContainer !optional; -} -.container-2t1JyW { - @extend %stageHeaderContainer !optional; -} -.rowContainer__3f2d1 { - @extend %stageSpeakers !optional; -} -.participants__5d231 { - @extend %stageParticipants !optional; -} -.primaryButtonColor__236e9 { - @extend %stageLeaveButton !optional; -} -.tileContainer__88d69 { - @extend %stageParticipant !optional; -} -.container-36u7Lw { - @extend %stageModIconContainer !optional; -} -.container__7b94f { - @extend %stageRequestContainer !optional; -} -.background__9acc3 { - @extend %stageIconBigBackground !optional; -} -.foreground__244d6 { - @extend %stageIconBigForeground !optional; -} -.iconBackground__61963 { - @extend %stageIconBackground !optional; -} -.textInput-2xgsSa { - @extend %stagePopoutTextInput !optional; -} -.audienceVoiceUserIconContainer-1aQGLF { - @extend %stageUserIconContainer !optional; -} -.container__515b3 { - @extend %stageOptionContainer !optional; -} -.separator_c99b23 { - @extend %stageSeparator !optional; -} -.categoryPill-1zjNrr { - @extend %categoryPill !optional; -} -.selected-bLcqYK { - @extend %categoryPillSelected !optional; -} -.pageControlContainer_b111b0 { - @extend %pageControlContainer !optional; -} -.pageControl__2dd90 { - @extend %pageControl !optional; -} -.pageButton_bcd673 { - @extend %pageButton !optional; -} -.activeButton__7a550 { - @extend %pageButtonActive !optional; -} -.endButton__45620 { - @extend %pageButtonEnd !optional; -} -.disabled__238bc { - @extend %pageButtonDisabled !optional; -} -.consentCard__49713 { - @extend %consentCard !optional; -} -.nowPlayingColumn_f5023f { - @extend %nowPlayingColumn !optional; -} -.container__0a6a9 { - @extend %nowPlayingColumnContainer !optional; -} -.scroller__00e7e { - @extend %nowPlayingColumnScroller !optional; -} -.outer_a41cf3 { - @extend %activeNowOuterCard !optional; -} -.interactive__01cfa { - @extend %activeNowCardInteractive !optional; -} -.active__76f42 { - @extend %activeNowCardActive !optional; -} -.inset__0bfb3 { - @extend %activeNowCardInset !optional; -} -.section_efc22d { - @extend %activeNowCardSection !optional; -} -.emptyCard_f82dde { - @extend %emptyActiveNowCard !optional; -} -.emptyText_dd45f0 { - @extend %emptyActiveNowText !optional; -} -.button__3ecb4 { - @extend %quickReactButton !optional; -} -.focused__47631 { - @extend %quickReactButtonFocused !optional; -} -.subscribeTooltipWrapper-3ipXtC { - @extend %subscribeTooltipWrapper !optional; -} -.subscribeTooltipHeader-15pGbG { - @extend %subscribeTooltipHeader !optional; -} -.subscribeTooltipText-2A8MMi-1JoUuw { - @extend %subscribeTooltipText !optional; -} -.upsellTooltipWrapper_df8272 { - @extend %upsellTooltipText !optional; -} -.caretTopCenter__3f88f { - @extend %upsellTooltipCaretTopCenter !optional; -} -.reactionTooltip__9384a { - @extend %reactionTooltip !optional; -} -.messagesPopoutWrap_b3b384 { - @extend %messagesPopoutWrap !optional; -} -.header_f5cc88 { - @extend %messagesPopoutHeader !optional; -} -.footer_a3029c { - @extend %messagesPopoutFooter !optional; -} -.tabBar__2aa8e { - @extend %messagesPopoutTabBar !optional; -} -.tab_a8a066 { - @extend %messagesPopoutTab !optional; -} -.active__7e7af { - @extend %messagesPopoutTabActive !optional; -} -.channelHeader__5d30c { - @extend %messagesPopoutChannelHeader !optional; -} -.messageGroupWrapper_f8c6e9 { - @extend %pinnedMessageGroupWrapper !optional; -} -.jumpButton__0329d { - @extend %pinnedJumpButton !optional; -} -.recentMentionsPopout__826a9 { - @extend %recentMentionsPopout !optional; -} -.container__56e52 { - @extend %recentMentionsContainer !optional; -} -.messageContainer_aa7d14 { - @extend %recentMentionsMessagesContainer !optional; -} -.jumpButton__24ca6 { - @extend %recentMentionsJumpButton !optional; -} -.text__6b9e7 { - @extend %recentMentionsJumpButtonText !optional; -} -.icon_d2bc2f { - @extend %recentMentionsIcon !optional; -} -.tutorial__7b875 { - @extend %unreadTutorial !optional; -} -.tutorialIcon__5c63f { - @extend %unreadTutorialIcon !optional; -} -.channel_d48f2d { - @extend %unreadChannel !optional; -} -.messages_f7999e { - @extend %unreadMessages !optional; -} -.collapseButton_b18eab { - @extend %unreadCollapseButton !optional; -} -.container__2c498 { - @extend %forYouContainer !optional; -} -.friendRequestsButton_f19806 { - @extend %friendRequestsButton !optional; -} -.forumPost__0c88c { - @extend %messagesPopoutThread !optional; -} -.container__20de0 { - @extend %inboxHeader !optional; -} -.container__8261a { - @extend %threadsPopoutContainer !optional; -} -.header__53b07 { - @extend %threadsPopoutHeader !optional; -} -.tabBar_e25e30 { - @extend %threadsPopoutTabBar !optional; -} -.tab_e864e6 { - @extend %threadsPopoutTab !optional; -} -.active__90acf { - @extend %threadsPopoutTabActive !optional; -} -.icon__588c6 { - @extend %threadsPopoutIcon !optional; -} -.icon__5c1d3 { - @extend %threadChatIcon !optional; -} -.jump_d5b765 { - @extend %threadJumpButton !optional; -} -.container__767d1 { - @extend %threadEmbed !optional; -} -.cta__52756 { - @extend %threadCTA !optional; -} -.spine__88e6d { - @extend %threadChannelConnector !optional; -} -.spineBorder_bdec8b { - @extend %threadChannelSpine !optional; -} -.chatHeaderBar_c1df53 { - @extend %threadHeaderBar !optional; -} -.popout__24e32 { - @extend %channelThreadPopout !optional; -} -.row__4daf2 { - @extend %channelThreadPopoutRow !optional; -} -.more__14345 { - @extend %channelThreadPopoutMore !optional; -} -.iconWrapper__85630 { - @extend %threadIconWrapper !optional; -} -.container__6604b { - @extend %threadPreview !optional; -} -.modal__48b3d { - @extend %threadModal !optional; -} -.list__19127 { - @extend %threadModalList !optional; -} -.hasThread__58ee2 { - @extend %messageHasThread !optional; -} -.cozy_f5c119 { - @extend %cozy !optional; -} -.emptyStateHeader__02ad4 { - @extend %threadMembersEmptyHeader !optional; -} -.emptyStateIcon__9ee16 { - @extend %threadMembersEmptyIcon !optional; -} -.compactButton__0f247 { - @extend %waveButton !optional; -} -.compactButtonDisabled_f3bf7b { - @extend %waveButtonDisabled !optional; -} -.option_f70eea { - @extend %serverDeleteReasonOption !optional; -} -.checkbox-1ycfTw { - @extend %deleteServerCheckbox !optional; -} -.checkboxInner-1aRh1d { - @extend %deleteServerCheckboxInner !optional; -} -.checkboxElement-uwAa9F { - @extend %deleteServerCheckboxElement !optional; -} -.streamPreview__1846c { - @extend %streamPopoutPreview !optional; -} -.previewContainer_bb1924 { - @extend %streamPopoutPreviewContainer !optional; -} -.watchButton__0d283 { - @extend %streamPopoutWatchButton !optional; -} -.header__7133e { - @extend %eventHeader !optional; -} -.circle__2005c { - @extend %eventIconCircle !optional; -} -.card__7865b { - @extend %eventCard !optional; -} -.eventStatusBrand__948ce { - @extend %eventStatusBrand !optional; -} -.eventStatusLabel__4d7cc { - @extend %eventStatusLabel !optional; -} -.rsvpCount__4657d { - @extend %eventRSVPCount !optional; -} -.rsvpIcon_a79c28 { - @extend %eventRSVPIcon !optional; -} -.container_f3270f { - @extend %eventInfoHeader !optional; -} -.contentContainer__3b585 { - @extend %eventInfoContentContainer !optional; -} -.circle_d71ba0 { - @extend %eventInfoIconCircle !optional; -} -.progressBar__0a392 { - @extend %createEventProgressBar !optional; -} -.selectedProgressBar__10383 { - @extend %createEventProgressBarSelected !optional; -} -.container__52a36 { - @extend %createEventCreateStageContainer !optional; -} -.textInput__210e5 { - @extend %createEventTextInput !optional; -} -.previewCard_aef1ab { - @extend %createEventPreviewCard !optional; -} -.container_e4c233 { - @extend %stickerSearchContainer !optional; -} -.wrapper__4f229 { - @extend %stickerCategoryWrapper !optional; -} -.stickerCategoryGeneric__431fb { - @extend %stickerCategoryGeneric !optional; -} -.stickerCategoryGenericSelected__44ec4 { - @extend %stickerCategoryGenericSelected !optional; -} -.upsellContent-1ppSei { - @extend %stickerUpsellContent !optional; -} -.row__959bb { - @extend %stickerPickerRow !optional; -} -.stickerInspected__1c897 { - @extend %stickerPickerInspected !optional; -} -.inspectedIndicator_f00108 { - @extend %stickerPickerInspectedIndicator !optional; -} -.containerBackground__1e084 { - @extend %stickerSuggestionContainerBackground !optional; -} -.unreadMentionsIndicatorTop_ada847 { - @extend %guildUnreadMentionsTop !optional; -} -.authBox__7196a { - @extend %loginAuthBox !optional; -} -.list__4e6aa { - @extend %loginAccountsList !optional; -} -.startOverButton_b3ba6f { - @extend %loginStartOverButton !optional; -} -.container_c11257 { - @extend %loginVerificationContainer !optional; -} -.css-19vtg9u-control { - @extend %createAccountDate !optional; -} -.css-13qdo4d-menu { - @extend %createAccountDateDropdown !optional; -} -.navRow_bb8efc { - @extend %addAccountFooter !optional; -} -.copyInput_c1c679 { - @extend %copyGiftCode !optional; -} -.promotionCard__8581c { - @extend %giftPromotionCard !optional; -} -.phoneField__65729 { - @extend %phoneVerification !optional; -} -.inputField__3008c { - @extend %phoneVerificationInput !optional; -} -.maskBackground_f896ad { - @extend %typingStickerRecommendationHover !optional; -} -.iconWrapper__8fbb1 { - @extend %integrationsIconWrapper !optional; -} -.scroller_e9501c { - @extend %hubDiscoverScroller !optional; -} -.pageContainer__1e84a { - @extend %hubContainer !optional; -} -.optionItem_f32ffe { - @extend %hubCategoryItem !optional; -} -.selected__9800b { - @extend %hubCategoryItemSelected !optional; -} -.layout_bb8e67 { - @extend %hubCategoryItemLayout !optional; -} -.avatar__30fd0 { - @extend %hubCategoryItemIcon !optional; -} -.headerContent__74c51 { - @extend %hubHeader !optional; -} -.searchBox_bf114a { - @extend %hubSearch !optional; -} -.tabBar__3bd0c { - @extend %hubTabBar !optional; -} -.card__73022 { - @extend %hubCard !optional; -} -.iconMask_f7f012 { - @extend %hubCardIconMask !optional; -} -.icon__3dded { - @extend %hubCardIcon !optional; -} -.splash__42283 { - @extend %hubSplash !optional; -} -.sidebarContainer__5583d { - @extend %hubPopoutSidebar !optional; -} -.scrollTierBackground__36806 { - @extend %activitiesScroller !optional; -} -.activityItem__33da9 { - @extend %activityItem !optional; -} -.activityTag__01970 { - @extend %activityTag !optional; -} -.modalHeader_e68db4 { - @extend %activityModalHeader !optional; -} -.modalDivider__67d13 { - @extend %activityModalDivider !optional; -} -.container_b181b6 { - @extend %forumContainer !optional; -} -.header_c01fde { - @extend %forumHeader !optional; -} -.title__38892 { - @extend %forumSearch !optional; -} -.matchingPostsRow__510be { - @extend %forumSearchRow !optional; -} -.uploadInput_bbab2f { - @extend %forumUploadButton !optional; -} -.uploadIcon_fe2ad4 { - @extend %forumUploadIcon !optional; -} -.icon__8bfe4 { - @extend %forumFirstIcon !optional; -} -.increasedActivityMainCard__916ed { - @extend %forumIncreasedCard !optional; -} -.container_a4e239 { - @extend %forumSetupContainer !optional; -} -.stepContainer__2f6a9 { - @extend %forumSetupStepContainer !optional; -} -.stepStatus_f620c2 { - @extend %forumSetupStepStatus !optional; -} -.rolesList__55c4f { - @extend %forumSetupRoleList !optional; -} -.title__964d5, -.postTitleText__11fd1 { - @extend %forumCardName !optional; -} -.pinIcon__39b6e { - @extend %forumPinIcon !optional; -} -.loadingCard_a6aa0a { - @extend %forumLoading !optional; -} -.replies_c11247 { - @extend %forumIncreasedReplyPreview !optional; -} -.container__4abd7 { - @extend %forumEmpty !optional; -} -.cta__3ca11 { - @extend %forumEmptyCTA !optional; -} -.container_b634d9 { - @extend %forumExample !optional; -} -.tag__5bfc0 { - @extend %forumExampleTag !optional; -} -.post__13d06 { - @extend %forumExamplePost !optional; -} -.previewContainer__0f3c5 { - @extend %forumExamplePreviewContainer !optional; -} -.preview_c16c3b { - @extend %forumExamplePreview !optional; -} -.forumPostIcon__3d972 { - @extend %forumExamplePreviewPostIcon !optional; -} -.bottomSeparator__3e1ef { - @extend %forumExamplePreviewBottomSeparator !optional; -} -.chatInput__06d78 { - @extend %forumExamplePreviewInput !optional; -} -.sortDropdown_ec3016 { - @extend %forumSortDropdownButton !optional; -} -.sortDropdownInner__2456c { - @extend %forumSortDropdownButtonInner !optional; -} -.sortDropdownText_e8ca8d { - @extend %forumSortDropdownButtonText !optional; -} -.container_dbdb0b { - @extend %forumSortDropdownContainer !optional; -} -.textContentFooter__5a630 { - @extend %forumContentFooter !optional; -} -.container_c24cbd { - @extend %forumCardContainer !optional; -} -.isOpen_d88bb6 { - @extend %forumCardOpen !optional; -} -.contentPreview_b317ee { - @extend %forumContentPreview !optional; -} -.container__99b06 { - @extend %forumListContainer !optional; -} -.isOpen__8593d { - @extend %forumListOpen !optional; -} -.isOpen__036bf { - @extend %forumIncreasedOpenCard !optional; -} -.container_def45c { - @extend %forumChat !optional; -} -.pill_f055c3 { - @extend %forumTag !optional; -} -.increasedActivityPill__0f3bd { - @extend %forumIncreasedTag !optional; -} -.selected_dc72d1 { - @extend %forumTagSelected !optional; -} -.clickable__8b375 { - @extend %forumTagClickable !optional; -} -.disabled__70fda { - @extend %forumTagDisabled !optional; -} -.container_ae7412 { - @extend %forumTagBox !optional; -} -.countContainer__51412 { - @extend %forumTagBoxCount !optional; -} -.countContainer__1b48f { - @extend %forumTagSelectedCount !optional; -} -.clear__72191 { - @extend %forumTagClear !optional; -} -.tagsButton_e96762 { - @extend %forumTagButton !optional; -} -.tagsButtonInner_a70c04 { - @extend %forumTagButtonInner !optional; -} -.iconWrapper__3e4a9 { - @extend %forumChatIcon !optional; -} -.container__8ee50 { - @extend %forumChatHead !optional; -} -.divider_ffec75 { - @extend %forumChatDivider !optional; -} -.box_dd6d91 { - @extend %forumChatStartBox !optional; -} -.container__1b27a { - @extend %forumRules !optional; -} -.descriptionContainer__3814d { - @extend %forumRulesDesc !optional; -} -.gradient__03beb { - @extend %forumRulesGradient !optional; -} -.linkContainer__32221 { - @extend %forumRulesLinkContainer !optional; -} -.newPostsButton__760c6 { - @extend %forumNewPosts !optional; -} -.heading-lg-bold__02f24 { - @extend %headingLargeBold !optional; -} -.heading-lg-semibold__85c17 { - @extend %headingLargeSemibold !optional; -} -.text-xs-normal__56c35 { - @extend %textExtraSmallNormal !optional; -} -.text-xs-medium__30cbe { - @extend %textExtraSmallMedium !optional; -} -.text-xs-bold_c1eb0a { - @extend %textExtraSmallBold !optional; -} -.text-sm-medium__1ba28 { - @extend %textSmallMedium !optional; -} -.text-md-medium__5151a { - @extend %textMediumMedium !optional; -} -.text-md-normal__4afad { - @extend %textMediumNormal !optional; -} -.directoryContainer_d3edd9 { - @extend %directoryContainer !optional; -} -.category_ba5745 { - @extend %directoryCategory !optional; -} -.card__834d4 { - @extend %directoryCard !optional; -} -.container__7b33c { - @extend %directoryListCard !optional; -} -.container_a6c201 { - @extend %directoryNewToApps !optional; -} -.clickable__8d049 { - @extend %directoryCardClickable !optional; -} -.container_dabadb { - @extend %directoryFooter !optional; -} -.search__24107 { - @extend %directorySearchBar !optional; -} -.category__2d800.activeCategory_acadca { - @extend %directorySearchCategoryActive !optional; -} -.category__60494 { - @extend %directoryAppCategory !optional; -} -.card__2ebbc { - @extend %directoryAppSupportServer !optional; -} -.list_b1e6a9 { - @extend %directoryAppCommandList !optional; -} -.commandName__72789 { - @extend %directoryAppCommand !optional; -} -.cardHeader__62148 { - @extend %directoryAppPremiumCardHeader !optional; -} -.benefitsContainer_f75168 { - @extend %directoryAppPremiumContainer !optional; -} -.list_a19d86 { - @extend %directoryAppPermissionList !optional; -} -.intentsContainer__9bd68 { - @extend %directoryAppIntentList !optional; -} -.picker__6dca7 { - @extend %soundboard !optional; -} -.soundButton__5ad7b { - @extend %soundboardSound !optional; -} -.categoryIcon__7b2ea.selected__532c1 { - @extend %soundboardGuildSelected !optional; -} -.keybindHint__70c7e { - @extend %soundboardHint !optional; -} -.homeContainer_a4aa0a { - @extend %homeContainer !optional; -} -.userProfileOuterThemed__6eb84 { - @extend %serverGuideMessage !optional; -} -.userCardInner_d6aa46 { - @extend %serverGuideMessageInner !optional; -} -.headerIcon__8b099 { - @extend %serverGuideIcon !optional; -} -.avatarBackground__9cf9d { - @extend %serverGuideAvatar !optional; -} -.action_c957d9 { - @extend %serverGuideAction !optional; -} -.sidebarCardWrapper__2c840 { - @extend %serverGuideSidebarCard !optional; -} -.row__70f4c { - @extend %serverGuideRow !optional; -} -.scroller__5e182 { - @extend %serverSubscription !optional; -} -.tierInfoContainer__80b01 { - @extend %serverSubscriptionTier !optional; -} -.subscriptionPerks__2f4e5 { - @extend %serverSubscriptionPerk !optional; -} -.roleMessagePreview__8088a { - @extend %serverSubscriptionPreview !optional; -} -.navButtons__484bf { - @extend %serverExperienceNav !optional; -} -.prompt__671aa { - @extend %serverExperiencePrompt !optional; -} -.termsFieldBody__96dcb { - @extend %serverExperienceTerms !optional; -} -.overlay_ef4f80 { - @extend %serverExperienceGradient !optional; -} -.tabBar_d4764b { - @extend %customizeChannelsHeaderBar !optional; -} -.prompt__1b100 { - @extend %customizeChannelsPrompt !optional; -} -.css-fcsbhh-control { - @extend %customizeChannelsSearch !optional; -} -.css-1t5q03r-control { - @extend %customizeChannelsSearchDropdown !optional; -} -.css-153nlb6-option { - @extend %customizeChannelsSearchOption !optional; -} -.css-6sv4e8-menu { - @extend %customizeChannelsSearchMenu !optional; -} -.selectValuePill__95251 { - @extend %customizeChannelsPill !optional; -} -.optionButtonWrapper__4072c { - @extend %customizeChannelsOption !optional; -} -.selected__90dd8 { - @extend %customizeChannelsSelected !optional; -} -.profileCard_bd55ee { - @extend %customizeChannelsProfile !optional; -} -.role__65ab8 { - @extend %customizeChannelsProfileRole !optional; -} -.container__6a848 { - @extend %browseChannels !optional; -} -.selectAll_a87487 { - @extend %browseChannelsSelectAll !optional; -} -.checked-1pZh2h { - @extend %browseChannelsChecked !optional; -} -.channelRow__96673 { - @extend %browseChannelsRow !optional; -} -.disabled__583e7 { - @extend %browseChannelsDisabled !optional; -} -.chatHeaderBar__28ee6 { - @extend %channelHeaderBar !optional; -} -.mainTableContainer_ea650e, // this is the one in the server settings -.mainTableContainer__5ffe0 { // and this is the one in the channel. why are there 2?? - @extend %membersChannelContainer !optional; -} -.table_a843c4 { - @extend %membersChannelTable !optional; -} -.memberRowContainer_f0d0e5 { - @extend %membersChannelRowContainer !optional; -} -.button_fb10b9 { - @extend %membersChannelButton !optional; -} -.otherRoles_a19529 { - @extend %membersChannelRoleList !optional; -} -.pageButton_bcd673 { - @extend %membersChannelPage !optional; -} -.optionBox__0338f { - @extend %avatarOptionBox !optional; -} -.contentCircle_bc797d { - @extend %avatarOptionCircle !optional; -} -.uploadIcon__68f2c { - @extend %avatarUploadIcon !optional; -} -.gifIconContainer__85e92 { - @extend %avatarGifIconContainer !optional; -} -.decorationGridItem__80f7f { - @extend %avatarDecoItem !optional; -} -.selected_a76908 { - @extend %avatarDecoItemSelected !optional; -} -.iconBadge__5fd10 { - @extend %avatarDecoItemBadge !optional; -} -.decorationPreview_d09d2f { - @extend %avatarDecoPreview !optional; -} -.smallDecorationPreviewsContainer_c0deb8 { - @extend %avatarDecoPreviewSmall !optional; -} -.statusDot__468f8 { - @extend %userProfileStatus !optional; -} -.shop_b31ed2 { - @extend %shop !optional; -} -.skeleton__5ac25 { - @extend %shopLoadingSkeleton !optional; -} -.bannerBody_b2bf3f { - @extend %shopLoadingBanner !optional; -} -.cardBody__04250 { - @extend %shopLoadingCard !optional; -} -.cardAvatar__4c223, -.cardTitle__05039, -.cardDescription__435dd, -.cardSummary__432c0 { - @extend %shopLoadingCardContent !optional; -} -.modalContent__3d79f { - @extend %shopModal !optional; -} -.chatPreview_d690d1 { - @extend %shopChatPreview !optional; -} -.mockInput_fd89c6 { - @extend %shopMockInput !optional; -} -.selected_ee2dc5 { - @extend %messageReq !optional; -} -.selected__2244b { - @extend %messageReqSpam !optional; -} -.messageRequestItem__3b951 { - @extend %messageReqItem !optional; -} -.active_a36bbb { - @extend %messageReqActive !optional; -} -.hamBanner_c2b052 { - @extend %messageReqSpamCheck !optional; -} -.editor_e77931 { - @extend %sidebarPFPUpsell !optional; -} -.container__0ec3c { - @extend %userPFPUpsell !optional; -} -.ctaContainer__95bd7 { - @extend %userPFPUpsellTop !optional; -} -.root_b4f834 { - @extend %serverLeave !optional; -} -.problemInfo__4ad5d { - @extend %serverLeaveReason !optional; -} -.toolbar_c7b525 { - @extend %chatToolbar !optional; -} -.icon__5a617 { - @extend %chatToolbarIcon !optional; -} -.active__05fbc { - @extend %chatToolbarActive !optional; -} -.hover_d0ebf2 { - @extend %chatToolbarHover !optional; -} -.popoutContainer__7b9a3 { - @extend %emojiInfoContainer !optional; -} -.emojiSection_a65b54 { - @extend %emojiInfoTip !optional; -} -.guildSection_ebda04 { - @extend %emojiInfoGuild !optional; -} -.category_f995ff { - @extend %channelSettingsCategory !optional; -} -.settingCard__00567 { - @extend %channelSettingsCard !optional; -} -.active__898cd { - @extend %channelSettingsCardActive !optional; -} -.cardFolder__34393 { - @extend %channelSettingsCardPanel !optional; -} -.iconContainer__6fc72 { - @extend %previewServerIconContainer !optional; -} -.defaultColor__87d87 { - @extend %defaultColor !optional; -} -.container__0d1a7 { - @extend %addServerContainer !optional; -} -.subtitle__89b16 { - @extend %addServerSubtitle !optional; -} -.container__73245 { - @extend %addServerOption !optional; -} -.text__43e5f { - @extend %addServerOptionText !optional; -} -.arrow__5e540 { - @extend %addServerOptionArrow !optional; -} \ No newline at end of file diff --git a/main.scss b/main.scss deleted file mode 100644 index b114ee7..0000000 --- a/main.scss +++ /dev/null @@ -1,182 +0,0 @@ -$version: '6.3.0'; - -/* ### ClearVision v#{$version} by the ClearVision team ### */ - -// SELECTORS -@import 'lib/selectors/selectorPlaceholders'; - -// DEFAULT SETTINGS -@import 'src/defaultSettings'; - -// FUNCTIONS -@import 'src/functions'; - -// VARIABLES -@import 'src/variables'; - -// MIXINS -@import 'src/mixins'; - -// KEYFRAMES -@import 'src/keyframes'; - -// APP -@import 'src/app/app'; - -@import 'src/app/notice'; -@import 'src/app/titlebar'; - -// CHANNEL -@import 'src/channels/specialChannels'; -@import 'src/channels/channels'; -@import 'src/channels/category'; -@import 'src/channels/indicators'; -@import 'src/channels/panels'; -@import 'src/channels/privateChannels'; - -// CHAT -@import 'src/chat/chat'; -@import 'src/chat/bars'; -@import 'src/chat/call'; -@import 'src/chat/divider'; -@import 'src/chat/stageCall'; -@import 'src/chat/textArea'; -@import 'src/chat/textAreaAutoComplete'; -@import 'src/chat/treads'; - -// GENERAL ELEMENTS -@import 'src/general/badge'; -@import 'src/general/button'; -@import 'src/general/checkbox'; -@import 'src/general/input'; -@import 'src/general/pageControl'; -@import 'src/general/radioGroup'; -@import 'src/general/scrollbar'; -@import 'src/general/slider'; -@import 'src/general/spinner'; -@import 'src/general/switch'; -@import 'src/general/tooltip'; - -// GUILDS -@import 'src/guilds/guilds'; - -// HEADER BAR -@import 'src/headerBar/headerBar'; -@import 'src/headerBar/breadcrumbs'; -@import 'src/headerBar/searchBars'; -@import 'src/headerBar/toolbar'; - -// HOME -@import 'src/home/friends'; -@import 'src/home/library'; -@import 'src/home/nitro'; -@import 'src/home/requests'; - -// MEMBERS -@import 'src/members/members'; -@import 'src/members/tags'; - -// MESSAGES -@import 'src/messages/message'; -@import 'src/messages/activityInvite'; -@import 'src/messages/attachment'; -@import 'src/messages/blocked'; -@import 'src/messages/codeblock'; -@import 'src/messages/codeLanguages'; -@import 'src/messages/embed'; -@import 'src/messages/inviteLink'; -@import 'src/messages/mediaPlayer'; -@import 'src/messages/mention'; -@import 'src/messages/reaction'; -@import 'src/messages/textContainer'; - -// MODALS -@import 'src/modals/modal'; -@import 'src/modals/eventModal'; -@import 'src/modals/addServerModal'; -@import 'src/modals/keyboardShortcuts'; -@import 'src/modals/otherModals'; -@import 'src/modals/screenshare'; -@import 'src/modals/threadModal'; -@import 'src/modals/userModal'; - -// PAGES -@import 'src/pages/appDirectory'; -@import 'src/pages/discordShop'; -@import 'src/pages/discover'; -@import 'src/pages/forums'; -@import 'src/pages/login'; -@import 'src/pages/previewServer'; -@import 'src/pages/serverBoost'; -@import 'src/pages/studentHub.scss'; - -// POPOUTS -@import 'src/popouts/connectionInfo'; -@import 'src/popouts/emojiPicker'; -@import 'src/popouts/gifPicker'; -@import 'src/popouts/groupInvite'; -@import 'src/popouts/mentionEveryone'; -@import 'src/popouts/menuPopout'; -@import 'src/popouts/regionSelectorPopout'; -@import 'src/popouts/messagesPopout'; -@import 'src/popouts/otherPopouts'; -@import 'src/popouts/searchPopout'; -@import 'src/popouts/stickers'; -@import 'src/popouts/threadPopout'; -@import 'src/popouts/userPopout'; -@import 'src/popouts/voiceChannelListeningTo'; - -// SCREENS -@import 'src/screens/crash'; -@import 'src/screens/loading'; - -// SEARCH -@import 'src/search/search'; - -// SETTINGS -@import 'src/settings/appConnections'; -@import 'src/settings/channelSettings'; -@import 'src/settings/content'; -@import 'src/settings/icons'; -@import 'src/settings/onboarding'; -@import 'src/settings/serverSettings'; -@import 'src/settings/sidebar'; -@import 'src/settings/userSettings'; - -// USERS -@import 'src/users/activity'; -@import 'src/users/avatar'; -@import 'src/users/botTag'; -@import 'src/users/role'; -@import 'src/users/status'; - -// VENCORD -@import 'src/injectors/ven/plugins.scss'; -@import 'src/injectors/ven/venSettings.scss'; - -// REPLUGGED -@import 'src/injectors/rp/plugins.scss'; -@import 'src/injectors/rp/rpSettings.scss'; - -// BETTERDISCORD -@import 'src/injectors/bd/bdSettings'; -@import 'src/injectors/bd/customCSS'; -@import 'src/injectors/bd/emotePicker'; -@import 'src/injectors/bd/icons'; -@import 'src/injectors/bd/popouts'; -@import 'src/injectors/bd/sidebar'; -@import 'src/injectors/bd/sources'; - -// BETTERDISCORD PLUGINS -@import 'src/injectors/bd/plugins/messageButtons'; -@import 'src/injectors/bd/plugins/pluginNotice'; -@import 'src/injectors/bd/plugins/magane'; -@import 'src/injectors/bd/plugins/Arashiryuu/memberCount'; -@import 'src/injectors/bd/plugins/CapnKitten/HideChannels'; -@import 'src/injectors/bd/plugins/DevilBro/badgesEverywhere'; -@import 'src/injectors/bd/plugins/DevilBro/dateText'; -@import 'src/injectors/bd/plugins/DevilBro/gameActivityToggle'; -@import 'src/injectors/bd/plugins/DevilBro/ownerTag'; -@import 'src/injectors/bd/plugins/DevilBro/tooltips'; -@import 'src/injectors/bd/plugins/Finicalmist/copyCode'; -@import 'src/injectors/bd/plugins/noodlebox/lineNumbers'; diff --git a/package-lock.json b/package-lock.json deleted file mode 100644 index 7fc921e..0000000 --- a/package-lock.json +++ /dev/null @@ -1,1873 +0,0 @@ -{ - "name": "clearvision", - "lockfileVersion": 2, - "requires": true, - "packages": { - "": { - "name": "clearvision", - "license": "Apache-2.0", - "devDependencies": { - "autoprefixer": "^10.4.4", - "postcss-cli": "^9.1.0", - "prettier": "^2.6.2", - "rimraf": "^3.0.2", - "sass": "^1.49.11" - } - }, - "node_modules/@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", - "dev": true, - "dependencies": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", - "dev": true, - "engines": { - "node": ">= 8" - } - }, - "node_modules/@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", - "dev": true, - "dependencies": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "dependencies": { - "color-convert": "^2.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/anymatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", - "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", - "dev": true, - "dependencies": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/array-union": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-3.0.1.tgz", - "integrity": "sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/autoprefixer": { - "version": "10.4.8", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz", - "integrity": "sha512-75Jr6Q/XpTqEf6D2ltS5uMewJIx5irCU1oBYJrWjFenq/m12WRRrz6g15L1EIoYvPLXTbEry7rDOwrcYNj77xw==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/autoprefixer" - } - ], - "dependencies": { - "browserslist": "^4.21.3", - "caniuse-lite": "^1.0.30001373", - "fraction.js": "^4.2.0", - "normalize-range": "^0.1.2", - "picocolors": "^1.0.0", - "postcss-value-parser": "^4.2.0" - }, - "bin": { - "autoprefixer": "bin/autoprefixer" - }, - "engines": { - "node": "^10 || ^12 || >=14" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, - "node_modules/balanced-match": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true - }, - "node_modules/binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "dependencies": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, - "dependencies": { - "fill-range": "^7.0.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/browserslist": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz", - "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/browserslist" - } - ], - "dependencies": { - "caniuse-lite": "^1.0.30001370", - "electron-to-chromium": "^1.4.202", - "node-releases": "^2.0.6", - "update-browserslist-db": "^1.0.5" - }, - "bin": { - "browserslist": "cli.js" - }, - "engines": { - "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" - } - }, - "node_modules/caniuse-lite": { - "version": "1.0.30001373", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001373.tgz", - "integrity": "sha512-pJYArGHrPp3TUqQzFYRmP/lwJlj8RCbVe3Gd3eJQkAV8SAC6b19XS9BjMvRdvaS8RMkaTN8ZhoHP6S1y8zzwEQ==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/caniuse-lite" - } - ] - }, - "node_modules/chokidar": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", - "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, - "funding": [ - { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - ], - "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, - "engines": { - "node": ">= 8.10.0" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", - "dev": true, - "dependencies": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^7.0.0" - } - }, - "node_modules/color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "dependencies": { - "color-name": "~1.1.4" - }, - "engines": { - "node": ">=7.0.0" - } - }, - "node_modules/color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "node_modules/concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true - }, - "node_modules/dependency-graph": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz", - "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==", - "dev": true, - "engines": { - "node": ">= 0.6.0" - } - }, - "node_modules/dir-glob": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", - "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", - "dev": true, - "dependencies": { - "path-type": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/electron-to-chromium": { - "version": "1.4.206", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.206.tgz", - "integrity": "sha512-h+Fadt1gIaQ06JaIiyqPsBjJ08fV5Q7md+V8bUvQW/9OvXfL2LRICTz2EcnnCP7QzrFTS6/27MRV6Bl9Yn97zA==", - "dev": true - }, - "node_modules/emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "node_modules/escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", - "dev": true, - "engines": { - "node": ">=6" - } - }, - "node_modules/fast-glob": { - "version": "3.2.11", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", - "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", - "dev": true, - "dependencies": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" - }, - "engines": { - "node": ">=8.6.0" - } - }, - "node_modules/fastq": { - "version": "1.13.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz", - "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==", - "dev": true, - "dependencies": { - "reusify": "^1.0.4" - } - }, - "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, - "dependencies": { - "to-regex-range": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/fraction.js": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", - "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", - "dev": true, - "engines": { - "node": "*" - }, - "funding": { - "type": "patreon", - "url": "https://www.patreon.com/infusion" - } - }, - "node_modules/fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "dependencies": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true - }, - "node_modules/fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - "dev": true, - "hasInstallScript": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": "^8.16.0 || ^10.6.0 || >=11.0.0" - } - }, - "node_modules/get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true, - "engines": { - "node": "6.* || 8.* || >= 10.*" - } - }, - "node_modules/get-stdin": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz", - "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, - "engines": { - "node": "*" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" - } - }, - "node_modules/globby": { - "version": "12.2.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-12.2.0.tgz", - "integrity": "sha512-wiSuFQLZ+urS9x2gGPl1H5drc5twabmm4m2gTR27XDFyjUHJUNsS8o/2aKyIF6IoBaR630atdher0XJ5g6OMmA==", - "dev": true, - "dependencies": { - "array-union": "^3.0.1", - "dir-glob": "^3.0.1", - "fast-glob": "^3.2.7", - "ignore": "^5.1.9", - "merge2": "^1.4.1", - "slash": "^4.0.0" - }, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/graceful-fs": { - "version": "4.2.10", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz", - "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==", - "dev": true - }, - "node_modules/ignore": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz", - "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==", - "dev": true, - "engines": { - "node": ">= 4" - } - }, - "node_modules/immutable": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", - "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==", - "dev": true - }, - "node_modules/inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", - "dev": true, - "dependencies": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "node_modules/inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "node_modules/is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "dependencies": { - "binary-extensions": "^2.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, - "dependencies": { - "is-extglob": "^2.1.1" - }, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, - "engines": { - "node": ">=0.12.0" - } - }, - "node_modules/jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", - "dev": true, - "dependencies": { - "universalify": "^2.0.0" - }, - "optionalDependencies": { - "graceful-fs": "^4.1.6" - } - }, - "node_modules/lilconfig": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz", - "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==", - "dev": true, - "engines": { - "node": ">=10" - } - }, - "node_modules/merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true, - "engines": { - "node": ">= 8" - } - }, - "node_modules/micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", - "dev": true, - "dependencies": { - "braces": "^3.0.2", - "picomatch": "^2.3.1" - }, - "engines": { - "node": ">=8.6" - } - }, - "node_modules/minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, - "dependencies": { - "brace-expansion": "^1.1.7" - }, - "engines": { - "node": "*" - } - }, - "node_modules/nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "peer": true, - "bin": { - "nanoid": "bin/nanoid.cjs" - }, - "engines": { - "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" - } - }, - "node_modules/node-releases": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", - "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", - "dev": true - }, - "node_modules/normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, - "dependencies": { - "wrappy": "1" - } - }, - "node_modules/path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/path-type": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", - "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", - "dev": true, - "engines": { - "node": ">=8" - } - }, - "node_modules/picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true - }, - "node_modules/picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, - "engines": { - "node": ">=8.6" - }, - "funding": { - "url": "https://github.com/sponsors/jonschlinkert" - } - }, - "node_modules/pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/postcss": { - "version": "8.4.31", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", - "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/postcss" - }, - { - "type": "github", - "url": "https://github.com/sponsors/ai" - } - ], - "peer": true, - "dependencies": { - "nanoid": "^3.3.6", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" - }, - "engines": { - "node": "^10 || ^12 || >=14" - } - }, - "node_modules/postcss-cli": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-9.1.0.tgz", - "integrity": "sha512-zvDN2ADbWfza42sAnj+O2uUWyL0eRL1V+6giM2vi4SqTR3gTYy8XzcpfwccayF2szcUif0HMmXiEaDv9iEhcpw==", - "dev": true, - "dependencies": { - "chokidar": "^3.3.0", - "dependency-graph": "^0.11.0", - "fs-extra": "^10.0.0", - "get-stdin": "^9.0.0", - "globby": "^12.0.0", - "picocolors": "^1.0.0", - "postcss-load-config": "^3.0.0", - "postcss-reporter": "^7.0.0", - "pretty-hrtime": "^1.0.3", - "read-cache": "^1.0.0", - "slash": "^4.0.0", - "yargs": "^17.0.0" - }, - "bin": { - "postcss": "index.js" - }, - "engines": { - "node": ">=12" - }, - "peerDependencies": { - "postcss": "^8.0.0" - } - }, - "node_modules/postcss-load-config": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", - "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", - "dev": true, - "dependencies": { - "lilconfig": "^2.0.5", - "yaml": "^1.10.2" - }, - "engines": { - "node": ">= 10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": ">=8.0.9", - "ts-node": ">=9.0.0" - }, - "peerDependenciesMeta": { - "postcss": { - "optional": true - }, - "ts-node": { - "optional": true - } - } - }, - "node_modules/postcss-reporter": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz", - "integrity": "sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==", - "dev": true, - "dependencies": { - "picocolors": "^1.0.0", - "thenby": "^1.3.4" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, - "peerDependencies": { - "postcss": "^8.1.0" - } - }, - "node_modules/postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, - "node_modules/prettier": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz", - "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==", - "dev": true, - "bin": { - "prettier": "bin-prettier.js" - }, - "engines": { - "node": ">=10.13.0" - }, - "funding": { - "url": "https://github.com/prettier/prettier?sponsor=1" - } - }, - "node_modules/pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", - "dev": true, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/queue-microtask": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", - "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ] - }, - "node_modules/read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", - "dev": true, - "dependencies": { - "pify": "^2.3.0" - } - }, - "node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "dependencies": { - "picomatch": "^2.2.1" - }, - "engines": { - "node": ">=8.10.0" - } - }, - "node_modules/require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true, - "engines": { - "iojs": ">=1.0.0", - "node": ">=0.10.0" - } - }, - "node_modules/rimraf": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", - "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", - "dev": true, - "dependencies": { - "glob": "^7.1.3" - }, - "bin": { - "rimraf": "bin.js" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/run-parallel": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", - "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ], - "dependencies": { - "queue-microtask": "^1.2.2" - } - }, - "node_modules/sass": { - "version": "1.54.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.0.tgz", - "integrity": "sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==", - "dev": true, - "dependencies": { - "chokidar": ">=3.0.0 <4.0.0", - "immutable": "^4.0.0", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "bin": { - "sass": "sass.js" - }, - "engines": { - "node": ">=12.0.0" - } - }, - "node_modules/slash": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", - "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", - "dev": true, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/string-width": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "dependencies": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "dependencies": { - "ansi-regex": "^5.0.1" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/thenby": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz", - "integrity": "sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==", - "dev": true - }, - "node_modules/to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "dependencies": { - "is-number": "^7.0.0" - }, - "engines": { - "node": ">=8.0" - } - }, - "node_modules/universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", - "dev": true, - "engines": { - "node": ">= 10.0.0" - } - }, - "node_modules/update-browserslist-db": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz", - "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==", - "dev": true, - "funding": [ - { - "type": "opencollective", - "url": "https://opencollective.com/browserslist" - }, - { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/browserslist" - } - ], - "dependencies": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" - }, - "bin": { - "browserslist-lint": "cli.js" - }, - "peerDependencies": { - "browserslist": ">= 4.21.0" - } - }, - "node_modules/wrap-ansi": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "dependencies": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, - "node_modules/wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true - }, - "node_modules/y18n": { - "version": "5.0.8", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", - "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", - "dev": true, - "engines": { - "node": ">=10" - } - }, - "node_modules/yaml": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", - "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", - "dev": true, - "engines": { - "node": ">= 6" - } - }, - "node_modules/yargs": { - "version": "17.5.1", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.5.1.tgz", - "integrity": "sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==", - "dev": true, - "dependencies": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.3", - "y18n": "^5.0.5", - "yargs-parser": "^21.0.0" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/yargs-parser": { - "version": "21.0.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz", - "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==", - "dev": true, - "engines": { - "node": ">=12" - } - } - }, - "dependencies": { - "@nodelib/fs.scandir": { - "version": "2.1.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", - "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "2.0.5", - "run-parallel": "^1.1.9" - } - }, - "@nodelib/fs.stat": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", - "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", - "dev": true - }, - "@nodelib/fs.walk": { - "version": "1.2.8", - "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", - "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", - "dev": true, - "requires": { - "@nodelib/fs.scandir": "2.1.5", - "fastq": "^1.6.0" - } - }, - "ansi-regex": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", - "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", - "dev": true - }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "requires": { - "color-convert": "^2.0.1" - } - }, - "anymatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", - "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==", - "dev": true, - "requires": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - } - }, - "array-union": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/array-union/-/array-union-3.0.1.tgz", - "integrity": "sha512-1OvF9IbWwaeiM9VhzYXVQacMibxpXOMYVNIvMtKRyX9SImBXpKcFr8XvFDeEslCyuH/t6KRt7HEO94AlP8Iatw==", - "dev": true - }, - "autoprefixer": { - "version": "10.4.8", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.8.tgz", - "integrity": "sha512-75Jr6Q/XpTqEf6D2ltS5uMewJIx5irCU1oBYJrWjFenq/m12WRRrz6g15L1EIoYvPLXTbEry7rDOwrcYNj77xw==", - "dev": true, - "requires": { - "browserslist": "^4.21.3", - "caniuse-lite": "^1.0.30001373", - "fraction.js": "^4.2.0", - "normalize-range": "^0.1.2", - "picocolors": "^1.0.0", - "postcss-value-parser": "^4.2.0" - } - }, - "balanced-match": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", - "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", - "dev": true - }, - "binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true - }, - "brace-expansion": { - "version": "1.1.11", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", - "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", - "dev": true, - "requires": { - "balanced-match": "^1.0.0", - "concat-map": "0.0.1" - } - }, - "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, - "requires": { - "fill-range": "^7.0.1" - } - }, - "browserslist": { - "version": "4.21.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz", - "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==", - "dev": true, - "requires": { - "caniuse-lite": "^1.0.30001370", - "electron-to-chromium": "^1.4.202", - "node-releases": "^2.0.6", - "update-browserslist-db": "^1.0.5" - } - }, - "caniuse-lite": { - "version": "1.0.30001373", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001373.tgz", - "integrity": "sha512-pJYArGHrPp3TUqQzFYRmP/lwJlj8RCbVe3Gd3eJQkAV8SAC6b19XS9BjMvRdvaS8RMkaTN8ZhoHP6S1y8zzwEQ==", - "dev": true - }, - "chokidar": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", - "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, - "requires": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "fsevents": "~2.3.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - } - }, - "cliui": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz", - "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==", - "dev": true, - "requires": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^7.0.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true - }, - "concat-map": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", - "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", - "dev": true - }, - "dependency-graph": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz", - "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==", - "dev": true - }, - "dir-glob": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", - "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", - "dev": true, - "requires": { - "path-type": "^4.0.0" - } - }, - "electron-to-chromium": { - "version": "1.4.206", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.206.tgz", - "integrity": "sha512-h+Fadt1gIaQ06JaIiyqPsBjJ08fV5Q7md+V8bUvQW/9OvXfL2LRICTz2EcnnCP7QzrFTS6/27MRV6Bl9Yn97zA==", - "dev": true - }, - "emoji-regex": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", - "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", - "dev": true - }, - "escalade": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", - "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", - "dev": true - }, - "fast-glob": { - "version": "3.2.11", - "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz", - "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==", - "dev": true, - "requires": { - "@nodelib/fs.stat": "^2.0.2", - "@nodelib/fs.walk": "^1.2.3", - "glob-parent": "^5.1.2", - "merge2": "^1.3.0", - "micromatch": "^4.0.4" - } - }, - "fastq": { - "version": "1.13.0", - "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz", - "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==", - "dev": true, - "requires": { - "reusify": "^1.0.4" - } - }, - "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, - "requires": { - "to-regex-range": "^5.0.1" - } - }, - "fraction.js": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz", - "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==", - "dev": true - }, - "fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^2.0.0" - } - }, - "fs.realpath": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", - "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", - "dev": true - }, - "fsevents": { - "version": "2.3.2", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", - "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", - "dev": true, - "optional": true - }, - "get-caller-file": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz", - "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==", - "dev": true - }, - "get-stdin": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz", - "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==", - "dev": true - }, - "glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "dev": true, - "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - } - }, - "glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, - "requires": { - "is-glob": "^4.0.1" - } - }, - "globby": { - "version": "12.2.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-12.2.0.tgz", - "integrity": "sha512-wiSuFQLZ+urS9x2gGPl1H5drc5twabmm4m2gTR27XDFyjUHJUNsS8o/2aKyIF6IoBaR630atdher0XJ5g6OMmA==", - "dev": true, - "requires": { - "array-union": "^3.0.1", - "dir-glob": "^3.0.1", - "fast-glob": "^3.2.7", - "ignore": "^5.1.9", - "merge2": "^1.4.1", - "slash": "^4.0.0" - } - }, - "graceful-fs": { - "version": "4.2.10", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz", - "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==", - "dev": true - }, - "ignore": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz", - "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==", - "dev": true - }, - "immutable": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.1.0.tgz", - "integrity": "sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==", - "dev": true - }, - "inflight": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", - "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", - "dev": true, - "requires": { - "once": "^1.3.0", - "wrappy": "1" - } - }, - "inherits": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", - "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true - }, - "is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, - "requires": { - "binary-extensions": "^2.0.0" - } - }, - "is-extglob": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true - }, - "is-fullwidth-code-point": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", - "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", - "dev": true - }, - "is-glob": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", - "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, - "requires": { - "is-extglob": "^2.1.1" - } - }, - "is-number": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true - }, - "jsonfile": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", - "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", - "dev": true, - "requires": { - "graceful-fs": "^4.1.6", - "universalify": "^2.0.0" - } - }, - "lilconfig": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz", - "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==", - "dev": true - }, - "merge2": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", - "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", - "dev": true - }, - "micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", - "dev": true, - "requires": { - "braces": "^3.0.2", - "picomatch": "^2.3.1" - } - }, - "minimatch": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", - "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", - "dev": true, - "requires": { - "brace-expansion": "^1.1.7" - } - }, - "nanoid": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", - "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==", - "dev": true, - "peer": true - }, - "node-releases": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz", - "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==", - "dev": true - }, - "normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true - }, - "normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "dev": true - }, - "once": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", - "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, - "requires": { - "wrappy": "1" - } - }, - "path-is-absolute": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", - "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", - "dev": true - }, - "path-type": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", - "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", - "dev": true - }, - "picocolors": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", - "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==", - "dev": true - }, - "picomatch": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true - }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", - "dev": true - }, - "postcss": { - "version": "8.4.31", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", - "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", - "dev": true, - "peer": true, - "requires": { - "nanoid": "^3.3.6", - "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" - } - }, - "postcss-cli": { - "version": "9.1.0", - "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-9.1.0.tgz", - "integrity": "sha512-zvDN2ADbWfza42sAnj+O2uUWyL0eRL1V+6giM2vi4SqTR3gTYy8XzcpfwccayF2szcUif0HMmXiEaDv9iEhcpw==", - "dev": true, - "requires": { - "chokidar": "^3.3.0", - "dependency-graph": "^0.11.0", - "fs-extra": "^10.0.0", - "get-stdin": "^9.0.0", - "globby": "^12.0.0", - "picocolors": "^1.0.0", - "postcss-load-config": "^3.0.0", - "postcss-reporter": "^7.0.0", - "pretty-hrtime": "^1.0.3", - "read-cache": "^1.0.0", - "slash": "^4.0.0", - "yargs": "^17.0.0" - } - }, - "postcss-load-config": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz", - "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==", - "dev": true, - "requires": { - "lilconfig": "^2.0.5", - "yaml": "^1.10.2" - } - }, - "postcss-reporter": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz", - "integrity": "sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==", - "dev": true, - "requires": { - "picocolors": "^1.0.0", - "thenby": "^1.3.4" - } - }, - "postcss-value-parser": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", - "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==", - "dev": true - }, - "prettier": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz", - "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==", - "dev": true - }, - "pretty-hrtime": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", - "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==", - "dev": true - }, - "queue-microtask": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", - "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", - "dev": true - }, - "read-cache": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", - "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", - "dev": true, - "requires": { - "pify": "^2.3.0" - } - }, - "readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, - "requires": { - "picomatch": "^2.2.1" - } - }, - "require-directory": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", - "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==", - "dev": true - }, - "reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true - }, - "rimraf": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", - "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", - "dev": true, - "requires": { - "glob": "^7.1.3" - } - }, - "run-parallel": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", - "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", - "dev": true, - "requires": { - "queue-microtask": "^1.2.2" - } - }, - "sass": { - "version": "1.54.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.54.0.tgz", - "integrity": "sha512-C4zp79GCXZfK0yoHZg+GxF818/aclhp9F48XBu/+bm9vXEVAYov9iU3FBVRMq3Hx3OA4jfKL+p2K9180mEh0xQ==", - "dev": true, - "requires": { - "chokidar": ">=3.0.0 <4.0.0", - "immutable": "^4.0.0", - "source-map-js": ">=0.6.2 <2.0.0" - } - }, - "slash": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", - "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==", - "dev": true - }, - "source-map-js": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", - "dev": true - }, - "string-width": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", - "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", - "dev": true, - "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.1" - } - }, - "strip-ansi": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", - "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", - "dev": true, - "requires": { - "ansi-regex": "^5.0.1" - } - }, - "thenby": { - "version": "1.3.4", - "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz", - "integrity": "sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==", - "dev": true - }, - "to-regex-range": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", - "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, - "requires": { - "is-number": "^7.0.0" - } - }, - "universalify": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz", - "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==", - "dev": true - }, - "update-browserslist-db": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz", - "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==", - "dev": true, - "requires": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0" - } - }, - "wrap-ansi": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", - "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", - "dev": true, - "requires": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" - } - }, - "wrappy": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", - "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true - }, - "y18n": { - "version": "5.0.8", - "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", - "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==", - "dev": true - }, - "yaml": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", - "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", - "dev": true - }, - "yargs": { - "version": "17.5.1", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.5.1.tgz", - "integrity": "sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==", - "dev": true, - "requires": { - "cliui": "^7.0.2", - "escalade": "^3.1.1", - "get-caller-file": "^2.0.5", - "require-directory": "^2.1.1", - "string-width": "^4.2.3", - "y18n": "^5.0.5", - "yargs-parser": "^21.0.0" - } - }, - "yargs-parser": { - "version": "21.0.1", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.0.1.tgz", - "integrity": "sha512-9BK1jFpLzJROCI5TzwZL/TU4gqjK5xiHV/RfWLOahrjAko/e4DJkRDZQXfvqAsiZzzYhgAzbgz6lg48jcm4GLg==", - "dev": true - } - } -} diff --git a/package.json b/package.json deleted file mode 100644 index 47a860b..0000000 --- a/package.json +++ /dev/null @@ -1,42 +0,0 @@ -{ - "name": "clearvision", - "description": "Highly customizable theme for BetterDiscord.", - "private": true, - "scripts": { - "build": "npm run clean && npm run build.sass", - "build.sass": "sass --style=compressed --no-source-map hljs.scss:public/hljs.css main.scss:public/main.css", - "clean": "rimraf {public,test}", - "gradient.clean": "rimraf {gradients}", - "format": "prettier --write .", - "test": "npm run clean && npm run test.build", - "test.build": "sass --style=expanded --no-source-map hljs.scss:test/hljs.css main.scss:test/main.css", - "gradients": "npm run gradient.clean && npm run gradient.build", - "gradient.build": "sass --style=expanded --no-source-map scripts/hljs.scss:gradients/hljs.css scripts/main.scss:gradients/main.css" - }, - "repository": { - "type": "git", - "url": "https://github.com/ClearVision/ClearVision-v6.git" - }, - "author": "Zerthox", - "contributors": [ - "Leozard", - "Mentalscars", - "nihaals", - "NyxIsBad", - "OmgDani", - "untuned", - "xcruxiex" - ], - "license": "Apache-2.0", - "bugs": { - "url": "https://github.com/ClearVision/ClearVision-v6/issues" - }, - "homepage": "https://clearvision.github.io", - "devDependencies": { - "autoprefixer": "^10.4.4", - "postcss-cli": "^9.1.0", - "prettier": "^2.6.2", - "rimraf": "^3.0.2", - "sass": "^1.49.11" - } -} diff --git a/screenshots/6-stable.4.7.9.png b/screenshots/6-stable.4.7.9.png deleted file mode 100644 index e3f4e80..0000000 Binary files a/screenshots/6-stable.4.7.9.png and /dev/null differ diff --git a/src/app/app.scss b/src/app/app.scss deleted file mode 100644 index ade75ce..0000000 --- a/src/app/app.scss +++ /dev/null @@ -1,84 +0,0 @@ -/* APP */ -%appMount { - background: cv('bg.app.overlay'); -} -%shakeable { - background: transparent; -} -%bg { - background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach'); - @include filters(cv('bg.app')); - z-index: -9999; -} -%appMount { - %layers, - %layer { - background: transparent; - } -} -%containerMain { - %base { - border-radius: 0; - } -} -%backdrop { - &:before { - content: ''; - position: fixed; - @include stretch; - background: cv('bg.backdrop.img') cv('bg.backdrop.pos') / cv('bg.backdrop.size') cv('bg.backdrop.repeat') cv('bg.backdrop.attach'); - @include filters(cv('bg.backdrop')); - pointer-events: none; - } - &:after { - content: ''; - position: fixed; - @include stretch; - background: cv('bg.backdrop.overlay'); - pointer-events: none; - } -} - -%loading { - background-color: transparent; - &:before, - &:after { - content: ''; - position: absolute; - @include stretch; - border: 3px solid transparent; - border-radius: 50%; - margin: auto; - filter: drop-shadow(0 0 3px $main-color); - animation: cv-spin 1s ease-in-out infinite; - } - &:before { - height: 26px; - width: 26px; - border-left-color: $main-color; - border-right-color: $main-color; - } - &:after { - height: 16px; - width: 16px; - border-top-color: $main-color; - border-bottom-color: $main-color; - animation-direction: reverse; - } -} - -// FONT -body, -button, -input, -select, -textarea, -::placeholder { - font-family: cv('font.main'); -} - -// SELECTION -::selection { - color: #fff; - background: $main-color; -} diff --git a/src/app/notice.scss b/src/app/notice.scss deleted file mode 100644 index cc22c32..0000000 --- a/src/app/notice.scss +++ /dev/null @@ -1,20 +0,0 @@ -/* APP NOTICE */ - -%notice { - border-radius: 3px; - &%noticeDefault { - background: rgba(#43b581, 0.6); - } - &%noticeDanger { - background: rgba(#f04747, 0.6); - } - &%noticeStreamerMode { - background: rgba(cv('const:colors.twitch-purple'), 0.6); - } - %noticeTextLink { - color: #fff; - } - &%noticeComplete { - background: rgba(0, 0, 0, 0.6); - } -} diff --git a/src/app/titlebar.scss b/src/app/titlebar.scss deleted file mode 100644 index 720ac33..0000000 --- a/src/app/titlebar.scss +++ /dev/null @@ -1,102 +0,0 @@ -/* TITLEBAR */ -// TITLEBAR WINDOWS -%titlebarWin { - height: 18px; - width: 100vw; - margin: 0; - padding-top: 2px; - padding-bottom: 2px; - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); - box-shadow: 0 0 20px rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); - > %titlebarWordmark { - position: static; - margin-right: auto; - display: flex; - align-items: center; - justify-content: center; - opacity: 1; - pointer-events: none; - user-select: none; - order: 1; - &:before, - &:after { - margin-left: 3px; - font-weight: 600; - white-space: nowrap; - order: 1; - } - &:before { - content: cv('const:text.titlebar.main'); - color: hsla(0, 0%, 100%, 0.7); - font-size: 14px; - text-shadow: 0 0 3px #000; - } - &:after { - content: cv('const:text.titlebar.version'); - color: hsla(0, 0%, 100%, 0.3); - font-family: cv('font.code'); - font-size: 10px; - } - > svg { - filter: drop-shadow(0 0 5px $main-color); - margin-top: 6px; - > g > path { - fill: $main-color; - &:first-child { - d: path('M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z'); - } - &:not(:first-child) { - display: none; - } - } - } - } - > %titlebarWinButton { - top: -2px; - opacity: 0.7; - transition: all 0.15s ease-in-out; - &:hover { - background: hsla(0, 0%, 100%, 0.1); - opacity: 1; - } - } - > %titlebarWinButtonClose { - &:hover { - background: cv('colors.danger'); - } - } -} - -// TITLEBAR OSX -%titlebarMac { - width: 70px; - height: 48px; - &%titlebarUnfocused { - %titlebarMacButton { - background: hsla(0, 0%, 100%, 0.7); - } - } - > %titlebarMacButtons { - padding: 0 10px; - } - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-evenly; - &:before, - &:after { - margin: 0 2px; - font-size: 10px; - order: 1; - } - &:before { - content: cv('const:text.titlebar.short'); - color: $main-color; - font-weight: 700; - text-shadow: 0 0 3px; - } - &:after { - content: '#{$version}'; - color: hsla(0, 0%, 100%, 0.3); - } -} diff --git a/src/channels/category.scss b/src/channels/category.scss deleted file mode 100644 index ce31f68..0000000 --- a/src/channels/category.scss +++ /dev/null @@ -1,85 +0,0 @@ -/* CHANNEL CATEGORY */ -%categoryContainer { - padding-top: 16px; -} -%categoryWrapper { - padding-left: 10px; - padding-right: 0; - transition: all 0.3s ease-in-out; -} -%categoryIcon { - display: none; -} -%categoryName { - display: flex; - align-items: center; - justify-content: center; - color: $main-color; - font-weight: 700; - text-align: center; - transition: all 0.3s ease-in-out; - opacity: 0.7; - &:before { - content: ''; - height: 2px; - flex-grow: 1; - transition: all 0.3s ease-in-out; - background: linear-gradient(to left, $main-color 50%, transparent); - margin-right: 5px; - } - &:after { - content: ''; - height: 2px; - flex-grow: 1; - transition: all 0.3s ease-in-out; - background: linear-gradient(to right, $main-color 50%, transparent); - margin-left: 5px; - } - %categoryMain:hover & { - opacity: 1; - } -} -%channelsSidebar { - %categoryContainer { - %categoryWrapper { - %categoryName { - color: $main-color; - } - } - } -} -%categoryButtons { - margin-left: 3px; -} - -// COLLAPSED -%categoryWrapperCollapsed { - %categoryName { - &:before, - &:after { - flex-grow: 0; - } - } -} - -// MUTED -%categoryWrapperMuted { - opacity: 0.5; -} - -// ADD CHANNEL ICON -%categoryAddIcon { - color: $main-color; - opacity: 0.7; - transition: all 0.3s ease-in-out; - &:hover { - color: $main-color; - opacity: 1; - } -} - -// New Channel -.button_fb39e8, -.buttonIcon__9d124 { - color: var(--url-color); -} diff --git a/src/channels/channels.scss b/src/channels/channels.scss deleted file mode 100644 index f5646d8..0000000 --- a/src/channels/channels.scss +++ /dev/null @@ -1,368 +0,0 @@ -/* CHANNELS */ -%channelsSidebar { - width: cv('channels-width'); - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.3)); - %platformWin & { - border-radius: 0; - } -} -%themeDark %channelsContainer { - background: transparent; - - // CHANNELS HEADER - %channelsHeader { - height: 48px; - color: #fff; - font-family: cv('font.main'); - font-weight: 600; - text-shadow: 0 0 3px #000; - &:hover { - background-color: hsla(0, 0%, 100%, 0.1); - } - } - - // GUILD BANNER - %bannerAnimatedContainer { - background: transparent; - box-shadow: none; - } - %bannerImage { - width: cv('channels-width'); - -webkit-mask: linear-gradient(to bottom, #000, transparent); - mask: linear-gradient(to bottom, #000, transparent); - } - %threadChannelConnector { - color: $main-color; - } - %threadChannelSpine { - background: $main-color; - } -} - -// SERVER BOOST -%themeDark %serverBoostProgressBar { - background-color: hsla(0, 0%, 0%, .4); -} - -// CHANNEL CONTENT -%channelLink { - transition: all 0.15s ease-in-out; -} -%channelLink { - position: relative; - background: transparent !important; - &:before { - content: ''; - position: absolute; - @include stretch; - transition: all 0.15s ease-in-out; - z-index: -1; - pointer-events: none; - border-radius: 4px; - } - &:after { - content: ''; - position: absolute; - @include pos(0, 100%, 0, 0); - opacity: 0.9; - transition: all 0.3s ease-in-out; - z-index: -1; - pointer-events: none; - border-radius: 4px; - } - %channelIcon { - width: 18px; - height: 18px; - margin-right: 3px; - color: var(--channel-color); - opacity: 1; - transition: all 0.15s ease-in-out; - > path { - opacity: 0.7; - } - > path:last-of-type { - opacity: 1; - } - } - %channelName { - color: var(--channel-color); - transition: all 0.15s ease-in-out; - } -} -%channelButtons { - margin-left: 1px; - animation: cv-fade-to-3 0.15s ease-in-out; -} -%channelActionIcon { - color: #fff; - opacity: 0.3; - transition: all 0.15s ease-in-out; - &:hover { - opacity: 0.7; - } -} -%channelWrapper { - // HOVER - &:hover { - %channelName, - %channelIcon { - color: #fff; - } - %channelLink { - background: var(--bg-overlay-hover, var(--background-modifier-hover)); - &:before { - background: hsla(0, 0%, 100%, 0.1); - } - %channelLinkTop { - %channelContainerDefault & { - %channelIcon, - %channelName { - color: hsla(0, 0%, 100%, 0.7); - } - } - } - } - } - // UNREAD - &%channelWrapperUnread { - %channelLink { - %channelLinkTop { - %channelName { - color: var(--channel-unread); - text-shadow: 0 0 3px; - } - %channelIcon { - color: var(--channel-unread); - filter: drop-shadow(0 0 3px); - opacity: 1; - } - } - } - &:hover { - %channelLink { - %channelLinkTop { - %channelName { - color: var(--channel-text-selected); - } - %channelIcon { - color: var(--channel-text-selected); - } - } - } - } - } - // SELECTED - &%channelWrapperSelected { - %channelName, - %channelIcon { - color: #fff; - } - %channelLink { - &:before { - background: hsla(0, 0%, 100%, 0.1); - } - &:after { - right: 0; - background: $main-color; - animation: cv-channel-select 0.3s ease-in-out; - } - %channelContainerDefault & { - %channelIcon, - %channelName { - color: var(--channel-text-selected); - } - %channelIconLive { - color: var(--channel-text-selected) !important; - } - } - %channelActionIcon { - opacity: 0.7; - &:hover { - opacity: 1; - } - } - } - %textExtraSmallMedium, - %textExtraSmallNormal { - color: #fff !important; - } - } - - // CONNECTED - &%channelWrapperConnected { - %channelLink { - %channelLinkTop { - %channelName { - color: $main-color; - text-shadow: 0 0 3px; - } - %channelIcon { - color: $main-color; - filter: drop-shadow(0 0 3px); - } - } - } - } - // MUTED - &%channelWrapperMuted { - %channelLink { - %channelLinkTop { - %channelIcon, - %channelName { - color: var(--muted-color); - } - } - } - &:hover { - %channelLink { - %channelLinkTop { - &:before { - background: hsla(0, 0%, 100%, 0.07); - } - %channelContainerDefault & { - %channelIcon, - %channelName { - color: var(--channel-color); - } - } - } - } - } - } -} - -// UNREAD & MENTIONS INDICATION -%channelUnreadPill { - display: none; -} - -// ICONS -%channelIconLive { - background-color: $main-color !important; -} - -// USER LIMIT -%channelUserLimitUsers, -%channelUserLimitTotal { - width: 24px; - color: hsla(0, 0%, 100%, 0.3); - font-weight: 600; - text-align: right; - transition: all 0.15s ease-in-out; -} -%channelUserLimitUsers { - padding: 0 4px 0 6px; - background: rgba(0, 0, 0, 0.15); -} -%channelUserLimitTotal { - padding: 0 6px 0 4px; - background: hsla(0, 0%, 100%, 0.04); - box-shadow: inset 1px 0 hsla(0, 0%, 100%, 0.07); - &:after { - display: none; - } -} -%channelWrapperConnected { - %channelUserLimitUsers { - color: $main-color; - text-shadow: 0 0 1px; - } -} - -// VOICE USER LIST -%voiceUserList { - padding-left: 24px; - %voiceUserClickable:hover %voiceUserContent { - background: rgba(0,0,0,.04); - } -} - -%voiceUser { - z-index: 1; - %voiceUserContent { - border-radius: 3px; - transition: all 0.15s ease-in-out; - } - &:hover, - &:active, - &%voiceUserSelected { - %channels %voiceUserList & { - %voiceUserContent { - background: hsla(0, 0%, 100%, 0.04); - } - %voiceUserName { - color: hsla(0, 0%, 100%, 0.7); - } - } - } - %voiceUserAvatarSpeaking { - position: relative; - transition: all 0.1s ease-in-out; - &:after { - content: ''; - position: absolute; - height: 1.7em; - background: linear-gradient(to right, $main-color 10%, transparent); - opacity: 0.5; - transition: all 0.1s ease-in-out, width 0.15s ease-in-out; - pointer-events: none; - z-index: -1; - border-radius: 999px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - } - %voiceUserAvatarSpeaking { - box-shadow: 0 0 0 2px $main-color, inset 0 0 3px rgba(0, 0, 0, 0.5); - &:after { - @include pos($top: -2px, $bottom: -2px); - width: 150px; - } - } - %voiceUserName { - color: hsla(0, 0%, 100%, 0.5); - transition: all 0.1s ease-in-out; - } - %voiceUserNameSpeaking { - color: #fff !important; - } -} -%voiceChannelsButton { - &:hover { - background: $hover-color; - transition: ease-in-out 0.15s; - } - > %textSmallMedium { - color: #fff; - } -} - -// USER SUMMARY -%userSummaryIcon { - width: 18px; - height: 18px; - margin-right: 3px; - color: hsla(0, 0%, 100%, 0.3); -} -%userSummaryMoreUsers { - padding: 0 4px; - background: rgba(0, 0, 0, 0.3); - border-radius: 10px; -} - -// DRAG INDICATORS -%categoryContainerDrag, -%channelContainerDrag { - &:before, - &:after { - background: $main-color; - border-radius: 0; - } -} -%channelContainerUserOver { - &:after { - background: $main-color; - border-color: transparent; - opacity: 0.1; - } -} diff --git a/src/channels/indicators.scss b/src/channels/indicators.scss deleted file mode 100644 index d47b362..0000000 --- a/src/channels/indicators.scss +++ /dev/null @@ -1,30 +0,0 @@ -/* CHANNEL INDICATORS */ -%channelsUnreadIndicator, -%channelsMentionIndicator { - position: relative; - background: transparent; - &:after { - content: ''; - position: absolute; - @include stretch; - background: $main-color; - border-radius: 3px; - opacity: 0.9; - z-index: -1; - transition: all 0.15s ease-in-out; - } - &:hover { - &:after { - opacity: 1; - } - } -} - -// TAB SELECT INDICATOR -.ring-370dIp { - box-shadow: inset 0px 0px 0 4px $main-color; -} -.keyboard-mode .focusStroke-3V8pid { - fill: $main-color; - stroke: $main-color; -} diff --git a/src/channels/panels.scss b/src/channels/panels.scss deleted file mode 100644 index 8e112fd..0000000 --- a/src/channels/panels.scss +++ /dev/null @@ -1,228 +0,0 @@ -/* CHANNEL LIST PANELS */ -%panels { - background: transparent; - > :first-child { - box-shadow: 0 -2px 10px rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.3)); - } -} -%themeDark %panel { - background-color: transparent; -} - -// ACCOUNT & CONNECTION PANELS -%accountPanel { - > %flex { - background: rgba(0, 0, 0, 0.3); - border-radius: 15px; - > :nth-child(n + 2) { - position: relative; - margin-left: -1px; - &:before { - content: ''; - position: absolute; - left: 0; - top: 2px; - bottom: 2px; - width: 1px; - background: hsla(0, 0%, 100%, 0.2); - } - } - } -} - -// BUTTONS -button%panelButton { - width: 32px; - height: 32px; - opacity: 1; - > %buttonContents > svg { - @include bg($rep: no-repeat, $pos: center, $size: 18px); - color: #fff; - opacity: 0.5; - transition: all 0.1s ease-in-out; - } - &:hover { - &%panelButtonEnabled { - background: transparent; - } - > %buttonContents > svg { - opacity: 0.7; - } - } - &%panelButtonDisabled { - > %buttonContents > svg { - opacity: 0.1; - } - } -} -%panelActionButtons { - grid-gap: 6px; -} -%panelActionButton { - &%panelActionButtonColor { - padding: 0; - &%panelActionButtonActive { - background-color: #fff; - color: $main-color; - &:hover { - background: hsla(0, 0%, 100%, 0.95); - color: $hover-color; - } - } - } -} - -// ACCOUNT PANEL -%themeDark %accountPanel { - position: relative; - background: transparent; - margin-bottom: 10px; - &:before, - &:after { - bottom: -8px; - position: absolute; - color: hsla(0, 0%, 100%, 0.3); - font-size: 11px; - font-weight: 700; - transition: all 0.5s ease-in-out; - } - &:before { - content: cv('const:text.account.main'); - right: 50%; - text-align: right; - transform: translateX(50%); - } - &:after { - content: cv('const:text.account.version'); - left: 50%; - text-align: left; - opacity: 0; - transform: translateX(50%) rotateX(90deg); - } - &:hover { - &:before { - margin-right: 1px; - transform: none; - } - &:after { - margin-left: 1px; - opacity: 1; - transform: none; - } - } - // SOME POSITIONING - %accountPanelTagButton, - %accountPanelTagless { - min-width: calc(100% - 100px); - width: auto; - &:hover { - background-color: hsla(0, 0%, 0%, 0.3); - color: #fff; - } - } - // AVATAR - %accountPanelAvatar { - width: 32px !important; - height: 32px !important; - transition: all 0.15s ease-in-out; - &:after { - content: 'Status'; - position: absolute; - @include stretch; - color: #fff; - font-size: 5px; - font-weight: 700; - text-align: center; - line-height: 32px; - text-transform: uppercase; - opacity: 0; - transition: all 0.15s ease-in-out; - pointer-events: none; - } - foreignObject { - transition: all 0.15s ease-in-out; - } - &:hover { - width: 40px !important; - height: 40px !important; - opacity: 1; - &:after { - font-size: 10px; - line-height: 40px; - opacity: 1; - } - foreignObject { - opacity: 0.5; - } - } - } - // NAME TAG - %accountPanelUsername { - color: #fff; - } - %accountPanelDiscriminator { - color: hsla(0, 0%, 100%, 0.3); - } -} - -// CONNECTION PANEL -%connectionPanel { - > %flex { - background: rgba(0, 0, 0, 0.3); - border-radius: 5px; - padding: 5px; - } - border-color: transparent; - background: transparent; - %connectionPanelInner { - %rtcConnectionStatus { - %rtcConnectionPing { - width: 16px; - height: 16px; - margin-right: 3px; - background-size: 16px; - } - } - } - %connectionPanelChannel { - color: hsla(0, 0%, 100%, 0.3); - opacity: 1; - transition: all 0.15s ease-in-out; - &:hover { - color: hsla(0, 0%, 100%, 0.5); - text-decoration: none; - } - } -} - -// ACTIVITY PANEL -%activityPanel { - border-color: transparent; - %activityPanelActions { - background: rgba(0, 0, 0, 0.3); - border-radius: 15px; - > :nth-child(n + 2) { - position: relative; - margin-left: -1px; - &:before { - content: ''; - position: absolute; - left: 0; - top: 2px; - bottom: 2px; - width: 1px; - background: hsla(0, 0%, 100%, 0.2); - } - } - } -} - -// VIDEO BADGE -%panelLiveBadge { - background-color: $main-color; -} - -// NOISE CANCELLATION POPOUT -%noiseCancellationPopout { - background-color: rgba(0, 0, 0, 0.7); -} diff --git a/src/channels/privateChannels.scss b/src/channels/privateChannels.scss deleted file mode 100644 index 08502f3..0000000 --- a/src/channels/privateChannels.scss +++ /dev/null @@ -1,154 +0,0 @@ -/* PRIVATE CHANNELS */ -%privateChannels { - background: transparent; - %privateChannelsScroller { - background: transparent; - } - - // HEADER - %privateChannelsHeader { - display: flex; - align-items: center; - justify-content: center; - color: $main-color; - font-weight: 700; - text-align: center; - &:before { - content: ''; - height: 2px; - flex-grow: 1; - transition: all 0.3s ease-in-out; - background: linear-gradient(to left, $main-color 50%, transparent); - margin-right: 5px; - } - &:after { - content: ''; - height: 2px; - flex-grow: 1; - transition: all 0.3s ease-in-out; - background: linear-gradient(to right, $main-color 50%, transparent); - margin-left: 5px; - } - %privateChannelsHeaderText { - overflow: visible; - } - %privateChannelsInviteButton { - color: $main-color; - transition: all 0.1s ease-in-out; - &:hover { - color: $hover-color; - } - } - } - - // PRIVATE CHANNEL - %privateChannel { - max-width: none; - %privateChannelInteractive { - position: relative; - z-index: 1; - &:before { - content: ''; - position: absolute; - @include stretch; - border-radius: 3px; - transition: all 0.15s ease-in-out; - z-index: -1; - pointer-events: none; - } - &:after { - content: ''; - position: absolute; - @include pos(0, 100%, 0, 0); - border-radius: 3px; - opacity: 0.9; - transition: all 0.3s ease-in-out; - z-index: -1; - pointer-events: none; - } - %privateChannelIcon, - %privateChannelName { - font-size: 14px; - transition: all 0.15s ease-in-out; - overflow: hidden; - } - %privateChannelActivityText { - strong { - color: $main-color; - font-weight: 700; - transition: all 0.15s ease-in-out; - } - } - %privateChannelCloseButton { - color: #fff; - } - - // HOVER - &:hover { - background: transparent; - &:before { - background: hsla(0, 0%, 100%, 0.1); - } - %privateChannelIcon, - %privateChannelName { - color: hsla(0, 0%, 100%, 0.7); - } - %privateChannelCloseButton { - opacity: 0.3; - &:hover { - opacity: 0.7; - } - } - } - - // SELECTED - &%privateChannelInteractiveSelected { - background: transparent; - &:before { - background: hsla(0, 0%, 100%, 0.1); - } - &:after { - right: 0; - background: $main-color; - animation: cv-channel-select 0.3s ease-in-out; - } - %privateChannelIcon, - %privateChannelName { - color: #fff; - } - %privateChannelActivityEmoji, - %privateChannelActivityIcon { - filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7)); - } - %privateChannelActivityText { - strong { - color: #fff; - } - } - %privateChannelCloseButton { - opacity: 0.7; - &:hover { - opacity: 1; - } - } - } - } - } -} -// Activities popout -%privateChannelActivityContainer { - background: var(--background-overlay); -} - -// EMPTY PRIVATE CHANNEL -%privateChannelsEmpty { - fill: hsla(0, 0%, 100%, 0.15); -} - -// PRIVATE CHANNELS SEARCH BAR -%privateChannelsSearchBar { - %privateChannelsSearchBarComponent { - background: hsla(0, 0%, 100%, 0.1); - color: hsla(0, 0%, 100%, 0.3); - } -} diff --git a/src/channels/specialChannels.scss b/src/channels/specialChannels.scss deleted file mode 100644 index dbbde4e..0000000 --- a/src/channels/specialChannels.scss +++ /dev/null @@ -1,158 +0,0 @@ -/*CUSTOMIZE CHANNELS*/ -/*header*/ -%customizeChannelsHeaderBar { - border-bottom: none; -} -/*main section*/ -%customizeChannelsPrompt { - background: var(--background-overlay); -} -/*search bar*/ -%customizeChannelsSearch, -%customizeChannelsSearch:focus-within { - background: rgba(0,0,0,.5); - border: 2px solid $main-color; -} -/*search bar with dropdown*/ -%customizeChannelsSearchDropdown, -%customizeChannelsSearchDropdown:hover { - background: rgba(0,0,0,.5); - border: 2px solid $main-color; -} -/*dropdown options*/ -%customizeChannelsSearchOption { - background: $main-color; -} -%customizeChannelsSearchMenu { - background: rgba(0,0,0,.8); -} -%customizeChannelsPill { - background: rgba(0,0,0,.2); - border: 1px solid $main-color; -} -/*option buttons*/ -%customizeChannelsOption { - border: 2px solid $main-color; - &:hover { - border: 2px solid $hover-color; - } - &%customizeChannelsSelected { - border: 2px solid var(--success-color); - background: rgba(0,0,0,.2); - } -} -/*profile card*/ -%customizeChannelsProfile { - background: var(--background-overlay); -} -%customizeChannelsProfileRole { - background: rgba(0, 0, 0, 0.2); -} - -/*BROWSE CHANNELS*/ -%browseChannels { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); -} - -%browseChannelsSelectAll { - %textExtraSmallMedium { - color: hsla(0, 0%, 100%, 0.5) !important; - transition: all 0.15s ease-in-out; - } - %browseChannelsChecked { - & + %textExtraSmallMedium { - color: hsla(0, 0%, 100%, 0.7) !important; - } - } -} - -%browseChannelsRow { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); - &:hover { - &:not(%browseChannelsDisabled) { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); - } - } -} -// MEMBERS LIST -/*main container*/ -%membersChannelContainer { - background: var(--background-overlay); - border: 1px solid $main-color; - box-shadow: none; -} -/*table border*/ -%membersChannelTable { - border-top: 1px solid $main-color; -} -/*user hover*/ -%membersChannelRowContainer:hover td { - background: $hover-color; -} -/*user option buttons*/ -%membersChannelButton { - background: $main-color; - &:hover { - background: $hover-color; - } - &:nth-child(2) path ~ path, - &:nth-child(1) path { - fill: #fff; - } -} -/*roles*/ -%membersChannelRoleList { - background: var(--background-overlay); -} -/*hover page button*/ -%membersChannelPage > span { - color: #fff; -} - -// NOT IN CHANNEL LIST -%channelHeaderBar { - background: transparent; -} -/* SERVER GUIDE */ -%homeContainer { - /*First msg*/ - %serverGuideMessage { - background: transparent; - } - %serverGuideMessageInner, - %serverGuideAvatar, - %serverGuideAction, - %serverGuideSidebarCard, - %serverGuideRow { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); - } - %serverGuideAction:hover { - background: $hover-color; - } - %serverGuideIcon { - background: $main-color; - border: 4px solid transparent; - } -} -/* SERVER SUBSCRIPTIONS */ -%serverSubscription { - background: var(--background-overlay); -} -%serverSubscriptionTier { - background: rgba(0, 0, 0, 0.4); -} -%serverSubscriptionPerk, -%serverSubscriptionPreview { - background: rgba(0, 0, 0, 0.2); -} -/* CUSTOMIZE YOUR EXPERIENCE */ -%serverExperienceNav { - background: rgba(0, 0, 0, 0.4); -} -%serverExperiencePrompt, -%serverExperienceTerms { - background: rgba(0, 0, 0, 0.3); -} -%serverExperienceGradient { - display: none; -} diff --git a/src/chat/bars.scss b/src/chat/bars.scss deleted file mode 100644 index 4df07c8..0000000 --- a/src/chat/bars.scss +++ /dev/null @@ -1,87 +0,0 @@ -/* CHAT BARS */ -// NEW MESSAGES BAR -%newMessagesBar { - background: transparent; - transition: all 0.15s ease-in-out; - &:before { - content: ''; - position: absolute; - @include stretch; - background: $main-color; - border-radius: 0 0 3px 3px; - opacity: 0.8; - z-index: -1; - transition: all 0.15s ease-in-out; - } - &:hover, - &:active { - &:before { - opacity: 1; - } - } - &:active { - padding-top: 0; - transform: scale(0.99); - } - button, - button:last-child { - color: #fff; - } -} - -// JUMP TO PRESENT BAR -%jumpToPresentBar { - background: rgba(0, 0, 0, 0.7); - border-radius: 3px; - transition: all 0.15s ease-in-out; - padding-bottom: 0px; - max-height: 24px; - > button { - color: hsla(0, 0%, 100%, 0.7); - transition: inherit; - } - &:hover { - background: $main-color; - > button { - color: #fff; - } - } - &:active { - transform: scale(0.99); - } -} - -// HAS MORE BAR -%messages { - %hasMore { - background: hsla(0, 0%, 100%, 0.07); - border: none; - border-radius: 3px; - box-shadow: none; - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - &:hover { - background: $main-color; - color: #fff; - } - &:active { - transform: scale(0.99); - } - } -} - -// MESSAGE ERROR BAR -%messagesErrorBar { - background: cv('colors.danger'); - border-radius: 3px; - transition: all 0.15s ease-in-out; - padding-bottom: 0px; -} - -// BRAND -%barBrand { - background-color: $main-color; - > * { - color: #fff !important; - } -} diff --git a/src/chat/call.scss b/src/chat/call.scss deleted file mode 100644 index c4cfa13..0000000 --- a/src/chat/call.scss +++ /dev/null @@ -1,72 +0,0 @@ -/* PRIVATE CALL */ -%callWrapper { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); - &%callMinimum { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); - } -} -%callContainer { - background-color: transparent; -} - -// VIDEO STREAM -%callTile { - background-color: rgba(0, 0, 0, 0.7); -} -%callInviteButton { - background-color: $main-color; -} -%callUserTile { - background-color: transparent; -} -%callParticipantsButton { - background-color: rgba(0, 0, 0, 0.4); - &:hover { - background-color: rgba(0, 0, 0, 0.6); - } -} -%callTileBorder { - &%callTileSpeaking { - box-shadow: inset 0 0 0 2px $main-color; - } -} - -// ACTION BUTTON -%button%callCenterButton { - border-radius: 50%; -} -%callButtonColorable { - &%callButtonPrimaryDark { - background-color: rgba(0, 0, 0, 0.6); - color: #fff; - &:hover { - background-color: $hover-color; - color: #fff; - } - } - &%callButtonWhite { - color: #fff; - background-color: $main-color; - &:hover { - background-color: $hover-color; - } - &%callButtonActive { - background-color: #fff; - &:hover { - background-color: hsla(0, 0%, 100%, 0.7); - } - } - %callCenterIcon, - %micSlash { - color: #fff; - } - %callCenterIcon { - &%callButtonActive { - color: $main-color; - } - } - } - &%callButtonRed { - background-color: var(--danger-color); - } -} diff --git a/src/chat/chat.scss b/src/chat/chat.scss deleted file mode 100644 index 1020cef..0000000 --- a/src/chat/chat.scss +++ /dev/null @@ -1,102 +0,0 @@ -/* CHAT */ -%base { - %chat { - background: transparent; - } -} -%chatContent, -%chatResize { - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.5)); -} -%chat { - // CONTENT - %chatContentWrapper { - background: transparent; - &:before { - box-shadow: none; - } - } -} - -// GATED CHANNEL -%chatContentWrapper > %scrollerWrap { - background: rgba(0, 0, 0, 0.5); -} -%chatGatedContent { - %chatGatedImage { - filter: hue-rotate(-47deg) saturate(2); - opacity: 0.5; - } - %chatGatedTitle { - color: cv('colors.danger'); - font-weight: 600; - text-shadow: 0 0 3px #000; - } - %chatGatedDescription { - color: hsla(0, 0%, 100%, 0.7); - } - %chatGatedSeparator { - background: hsla(0, 0%, 100%, 0.07); - } -} - -// EMPTY CHANNEL -%emptyChannelIcon { - background-color: $main-color; -} -%emptyChannelRole { - background: transparent; - %emptyChannelRoleColor { - position: absolute; - height: 100%; - width: 100%; - margin: 0; - right: -1px; - border-radius: 3px; - z-index: -1; - opacity: 0.2; - } - &:hover { - background-color: transparent; - %emptyChannelRoleColor { - opacity: 0.3; - } - } -} - -// NO CHANNEL -%base { - %noChannel { - background: rgba(0, 0, 0, 0.5); - } -} -%noChannel { - %noChannelImage { - filter: grayscale(1) brightness(2); - opacity: 0.3; - } - %noChannelTitle { - color: hsla(0, 0%, 100%, 0.5); - } - %noChannelText { - color: hsla(0, 0%, 100%, 0.3); - } -} - -// CHAT LOADING -%chatLoadingWrapper, -%chatLoadingWrapperCozy { - background-color: transparent; -} - -// UPLOAD DROP MODAL -%uploadModalIn { - %uploadDropModal { - %uploadDropModalBgScale { - background-color: $main-color; - } - %uploadDropModalInner { - border: 2px dashed hsla(0, 0%, 100%, 0.5); - } - } -} diff --git a/src/chat/divider.scss b/src/chat/divider.scss deleted file mode 100644 index 9366ec5..0000000 --- a/src/chat/divider.scss +++ /dev/null @@ -1,39 +0,0 @@ -/* CHAT DIVIDER */ - -// UNREAD -%dividerUnread { - border-color: $main-color; -} -%unreadPill { - background-color: $main-color; -} -%unreadPillCapStroke { - fill: $main-color; - color: $main-color; -} -// DATE -%dividerDate { - color: $main-color; - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.5)); - text-transform: uppercase; - border-radius: 0; - position: relative; - %dividerUnread & { - color: $main-color; - } - &:before { - content: ''; - @include stretch; - position: absolute; - z-index: -1; - background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach'); - @include filters(cv('bg.app')); - } - &:after { - content: ''; - @include stretch; - position: absolute; - z-index: -1; - background: cv('bg.app.overlay'); - } -} diff --git a/src/chat/stageCall.scss b/src/chat/stageCall.scss deleted file mode 100644 index de9275c..0000000 --- a/src/chat/stageCall.scss +++ /dev/null @@ -1,71 +0,0 @@ -/* STAGE CALL */ - -// POPOUT -%stageIconBackground { - background-color: $main-color; -} -%stagePopoutTextInput { - background-color: transparent; -} - -// STAGE -%stageContainer { - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.5)); -} -%stageCallContainer, -%stageScroller { - background-color: transparent; -} -%stageGradientContainer { - background-image: none; -} -%stageSeparator { - background-color: $main-color; -} -%stageHeaderContainer, -%stageParticipants { - background-color: hsla(0, 0%, 0%, 0.4); -} -%stageSpeakers { - background: transparent; -} -%stageModIconContainer { - > svg { - fill: #fff; - > rect { - fill: $main-color; - } - } -} -%stageParticipant { - &:hover { - background-color: hsla(0, 0%, 100%, 0.05); - } -} -%stageUserIconContainer { - background-color: $main-color; - color: #fff; -} -%stageOptionContainer { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.3)); - &:hover { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); - } -} -%stageLeaveButton { - background: $main-color; - &:hover { - background: $hover-color; - } -} - -// REQUESTS -%stageRequestContainer { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); -} -%stageIconBigBackground { - background-color: $main-color; - %stageIconBigForeground { - color: #fff; - } -} diff --git a/src/chat/textArea.scss b/src/chat/textArea.scss deleted file mode 100644 index 5ec7b59..0000000 --- a/src/chat/textArea.scss +++ /dev/null @@ -1,151 +0,0 @@ -/* CHAT CHANNEL TEXT AREA */ -%chatForm { - margin-top: 1px; - &:before { - display: none; - } - .charcounter { - color: hsla(0, 0%, 100%, 0.3); - } -} -%channelTextArea { - background: rgba(0, 0, 0, 0.6); - transition: all 0.15s ease-in-out; - &:focus-within { - box-shadow: 0 0 2px 2px $main-color; - } - - %channelTextAreaScrollable { - background: transparent; - border: 2px solid transparent; - } - %channelTextAreaAttachButton { - padding: 10px 10px 10px 12px; - - %channelTextAreaAttachButtonPlus { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - } - &:hover { - %channelTextAreaAttachButtonPlus { - color: hsla(0, 0%, 100%, 0.9); - } - } - } - %textArea { - %textAreaPlaceholder { - color: hsla(0, 0%, 100%, 0.4); - } - &%slateTextArea { - margin-left: 10px; - } - } - - // BUTTONS - %channelTextAreaButton { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - &:hover { - color: hsla(0, 0%, 100%, 0.9); - } - } - %themeDark .button__8d734 { - .buttonChild__7b90d { - color: hsla(0, 0%, 100%, 0.3); - } - .activeButtonChild__6e162 { - color: hsla(0, 0%, 100%, 0.7); - } - &:hover .activeButtonChild__6e162 { - color: #fff; - } - } - - // TYPING - %channelTextAreaTyping { - background: transparent; - %channelTextAreaTypingText { - color: hsla(0, 0%, 100%, 0.5); - > strong { - color: hsla(0, 0%, 100%, 0.7); - font-weight: 700; - } - } - } -} - -// LINK -%fakeLink { - color: var(--url-color); -} - -// FOLLOW CHANNEL -%channelInfo { - background-color: hsla(0, 0%, 0%, 0.6); -} - -// ATTACHED BARS -%channelTextAreAttachedBar { - background: transparent; -} -%channelTextAreaStackedAttachedBar { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.07); -} - -// REPLY -%replyBar, -%replySuggestion { - background: transparent; - border: 2px solid transparent; - box-shadow: none; -} -%replyCloseButton { - padding: 8px 16px 8px 4px; - margin-left: 4px; -} -%replySeperator { - visibility: hidden; - height: 0px; - width: 0px; -} - -// SLASH COMMANDS -%themeDark { - %autocompleteOptionPill { - background-color: hsla(0, 0%, 100%, 0.05); - border-color: hsla(0, 0%, 100%, 0.07); - &%autocompleteOptionPillSelected { - border-color: $main-color !important; - } - } - %autocompleteOptionPillKey { - background-color: hsla(0, 0%, 100%, 0.07); - } -} - -// UPLOADER -%channelTextAreaUpload { - background-color: transparent; -} - -// TIMEOUT -%timeoutBar { - background: rgba(0, 0, 0, 0.6); -} -%timeoutPopup { - background: rgba(0, 0, 0, 0.5); - %timeoutIcon { - background: rgba(0, 0, 0, 0.2); - } -} - -// INLINE CODE PREVIEW -%inlineCodeBefore, -%inlineCodeAfter { - background: rgba(255, 255, 255, 0.05); - padding: 3.5px 0.5px; -} -%inlineCode { - background: rgba(255, 255, 255, 0.1); - padding: 3.5px 0.5px; -} diff --git a/src/chat/textAreaAutoComplete.scss b/src/chat/textAreaAutoComplete.scss deleted file mode 100644 index 8ae28ec..0000000 --- a/src/chat/textAreaAutoComplete.scss +++ /dev/null @@ -1,69 +0,0 @@ -/* CHAT CHANNEL TEXT AREA AUTOCOMPLETE */ -%chat { - %autocomplete { - background: transparent; - overflow: hidden; - } -} -%autocomplete { - %autocompleteInner { - background: rgba(0, 0, 0, 0.8); - animation: cv-menu-slide-bottom 0.2s ease-in-out; - transform-origin: 50% 100%; - } - %autocompleteTitle { - color: hsla(0, 0%, 100%, 0.5); - } - %autocompleteContent { - color: hsla(0, 0%, 100%, 0.6); - } - %autocompleteIconForeground { - fill: hsla(0, 0%, 100%, 0.3); - } - %autocompleteDescription, - %autocompleteDescriptionUsername { - color: hsla(0, 0%, 100%, 0.3); - } - %autocompleteDescriptionDiscriminator { - color: hsla(0, 0%, 100%, 0.15); - } - %autocompleteSelectorSelected[aria-selected='true'] %autocompleteBase, - %autocompleteSelectorSelected[aria-disabled='false'] %autocompleteBase:hover { - background: $main-color; - } - %autocompleteBase { - %textExtraSmallMedium, - %textExtraSmallNormal { - color: #fff !important; - } - } - %autocompleteIconForeground { - fill: hsla(0, 0%, 100%, 0.7); - } - %autocompleteContentSecondary, - %autocompleteDescriptionDiscriminator, - %autocompleteRowSubheading { - color: #fff; - } -} -// SLASH COMMANDS AUTOCOMPLETE -%autocompleteListWrapper, -%autocompleteList, -%autocompleteCategoryHeader { - background-color: transparent; -} -%autocompleteListItemSelected { - background-color: $main-color; - &:hover { - background-color: $main-color; - } -} -%themeDark %autocompleteOption { - background-color: hsla(0, 0%, 0%, 0.5); -} -%autocompleteOptionals { - border: none; -} -%autocompleteOptionalCount { - color: hsla(0, 0%, 100%, 0.7); -} diff --git a/src/chat/treads.scss b/src/chat/treads.scss deleted file mode 100644 index 5f6b3f9..0000000 --- a/src/chat/treads.scss +++ /dev/null @@ -1,9 +0,0 @@ -/* TREADS */ - - - -// CHAT - -%threadIconWrapper { - background-color: $main-color; -} diff --git a/src/defaultSettings.scss b/src/defaultSettings.scss deleted file mode 100644 index 75ae6bb..0000000 --- a/src/defaultSettings.scss +++ /dev/null @@ -1,85 +0,0 @@ -/* DEFAULT SETTINGS */ -:root { - --main-color: #2780e6; - --hover-color: #1e63b3; - --success-color: #43b581; - --danger-color: #982929; - --channel-unread: var(--main-color); - --channel-color: rgba(255, 255, 255, 0.3); - --muted-color: rgba(255, 255, 255, 0.1); - --channel-text-selected: #fff; - --url-color: var(--main-color); - --online-color: #43b581; - --idle-color: #faa61a; - --dnd-color: #982929; - --offline-color: #808080; - --streaming-color: #593695; - --main-font: gg sans, Helvetica Neue, Helvetica, Arial, sans-serif; - --code-font: Consolas, Liberation Mono, Menlo, Courier, monospace; - --font-display: var(--main-font); - --text-normal: rgb(220, 221, 222); - --text-muted: rgb(114, 118, 125); - --channels-width: 220px; - --members-width: 240px; - --background-shading: 100%; - --background-overlay: rgba(0, 0, 0, 0.6); - --background-image: url(https://clearvision.github.io/images/sapphire.jpg); - --background-position: center; - --background-size: cover; - --background-repeat: no-repeat; - --background-attachment: fixed; - --background-brightness: 100%; - --background-contrast: 100%; - --background-saturation: 100%; - --background-invert: 0%; - --background-grayscale: 0%; - --background-sepia: 0%; - --background-blur: 0px; - --backdrop-overlay: rgba(0, 0, 0, 0.8); - --backdrop-image: var(--background-image); - --backdrop-position: var(--background-position); - --backdrop-size: var(--background-size); - --backdrop-repeat: var(--background-repeat); - --backdrop-attachment: var(--background-attachment); - --backdrop-brightness: var(--background-brightness); - --backdrop-contrast: var(--background-contrast); - --backdrop-saturation: var(--background-saturation); - --backdrop-invert: var(--background-invert); - --backdrop-grayscale: var(--background-grayscale); - --backdrop-sepia: var(--background-sepia); - --backdrop-blur: var(--background-blur); - --user-popout-image: var(--background-image); - --user-popout-position: var(--background-position); - --user-popout-size: var(--background-size); - --user-popout-repeat: var(--background-repeat); - --user-popout-attachment: var(--background-attachment); - --user-popout-brightness: var(--background-brightness); - --user-popout-contrast: var(--background-contrast); - --user-popout-saturation: var(--background-saturation); - --user-popout-invert: var(--background-invert); - --user-popout-grayscale: var(--background-grayscale); - --user-popout-sepia: var(--background-sepia); - --user-popout-blur: calc(var(--background-blur) + 3px); - --user-popout-overlay: rgba(0, 0, 0, 0.65); - --user-modal-image: var(--background-image); - --user-modal-position: var(--background-position); - --user-modal-size: var(--background-size); - --user-modal-repeat: var(--background-repeat); - --user-modal-attachment: var(--background-attachment); - --user-modal-brightness: var(--background-brightness); - --user-modal-contrast: var(--background-contrast); - --user-modal-saturation: var(--background-saturation); - --user-modal-invert: var(--background-invert); - --user-modal-grayscale: var(--background-grayscale); - --user-modal-sepia: var(--background-sepia); - --user-modal-blur: calc(var(--background-blur) + 3px); - --home-icon: url(https://clearvision.github.io/icons/discord.svg); - --home-position: center; - --home-size: 40px; - --popout-color: rgba(0, 0, 0, 0.8); - --modal-color: rgba(0, 0, 0, 0.5); - --bd-blue: var(--main-color); - --bd-blue-hover: var(--hover-color); - --bd-blue-active: var(--hover-color); - --font-primary: var(--main-font); -} diff --git a/src/functions.scss b/src/functions.scss deleted file mode 100644 index 5f5c7b6..0000000 --- a/src/functions.scss +++ /dev/null @@ -1,33 +0,0 @@ -/// Get a variable from the ClearVision variables map -/// @param {string} $id identification for a variable -/// @return {*} variable -@function cv($id) { - $p: 'settings'; - $s: $id; - @if str-index($id, ':') { - $p: str-slice($id, 0, str-index($id, ':') - 1); - $s: str-slice($id, str-index($id, ':') + 1); - } - @if $p == 'const' { - $p: 'constants'; - } - @if $p == 'dc' or $p == 'disc' { - $p: 'discord'; - } - $r: map-get($cv, $p); - @if not $r { - @error "#{$p} is not a valid ClearVision set"; - } - @while str-index($s, '.') { - $r: map-get($r, str-slice($s, 0, str-index($s, '.') - 1)); - @if not $r { - @error "Property #{$id} not found in ClearVision #{$p} set"; - } - $s: str-slice($s, str-index($s, '.') + 1); - } - $r: map-get($r, $s); - @if not $r { - @error "Property #{$id} not found in ClearVision #{$p} set"; - } - @return $r; -} diff --git a/src/general/badge.scss b/src/general/badge.scss deleted file mode 100644 index 39d9900..0000000 --- a/src/general/badge.scss +++ /dev/null @@ -1,42 +0,0 @@ -// NUMBER BADGE (AKA PINGS) -%numberBadge, -%textBadge { - background: $main-color !important; - box-shadow: 0 0 10px -3px $main-color, 0 0 0 1px $main-color; - color: #fff; - font-weight: 600; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - transition: all 0.3s ease-in-out; -} -%numberBadge { - font-size: 12px; - line-height: 12px; -} -%channelWrapperSelected, -%privateChannelInteractiveSelected, -%topPillItemSelected { - %numberBadge, - %textBadge { - background: #fff !important; - box-shadow: none; - color: $main-color; - mix-blend-mode: screen; - } -} - -// FLOWER STAR BADGE -%flowerStarContainer { - color: $main-color; - %flowerStarIcon { - color: #fff; - } - %flowerStarChild { - > svg { - color: #fff; - } - } -} - -%gameVerifiedIcon > svg > path { - fill: $main-color; -} diff --git a/src/general/button.scss b/src/general/button.scss deleted file mode 100644 index 2262fb7..0000000 --- a/src/general/button.scss +++ /dev/null @@ -1,135 +0,0 @@ -/* BUTTON */ -%button { - border-radius: 3px; - transition: all 0.3s ease-in-out; -} - -// BUTTON FILLED -%buttonFilled { - &%buttonColorBrand, - &%buttonColorGreen, - &%buttonColorBrandNew, - &%buttonColorBrandNew2, - &%buttonCallInvite, - &%buttonColorPrimary { - background: $main-color; - color: #fff; - &:hover { - background: $hover-color; - } - &:disabled { - background: var(--danger-color) !important; - } - &:active { - background: var(--success-color); - } - } - &%buttonColorRed { - background-color: cv('colors.danger'); - } - &%buttonColorWhite { - background: hsla(0, 0%, 100%, 0.1); - > %buttonContents { - color: $main-color; - } - &:hover { - background: hsla(0, 0%, 100%, 0.2) !important; - > %buttonContents { - color: #fff; - } - } - &:disabled { - background: hsla(0, 0%, 100%, 0.1) !important; - > %buttonContents { - color: hsla(0, 0%, 100%, 0.5); - } - } - } - &%buttonColorWhite { - background: #fff; - color: $main-color; - &:hover, - &:active { - background: hsla(0, 0%, 100%, 0.95); - color: $hover-color; - } - &:disabled { - background: hsla(0, 0%, 100%, 0.3); - } - } - // EMBED BUTTON - %embedContainer & { - &%buttonColorGreen { - background-color: cv('colors.success'); - &:hover, - &:active { - background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.1%), 33.3%); - } - } - } -} - -// BUTTON INVERTED -%buttonInverted { - &%buttonColorBrand, - &%buttonColorGreen { - background: #fff; - color: $main-color; - &:hover, - &:active { - background: hsla(0, 0%, 100%, 0.95); - color: $hover-color; - } - &:disabled { - background: hsla(0, 0%, 100%, 0.3); - } - } -} - -// BUTTON OUTLINED -%buttonOutlined { - &%buttonColorWhite, - &%buttonColorPrimary, - &%buttonColorGreen, - &%buttonColorBrand { - border-color: $main-color; - color: hsla(0, 0%, 100%, 0.8); - &:hover { - background-color: transparent; - border-color: $hover-color; - color: #fff; - } - } - &%buttonColorRed { - border-color: cv('colors.danger'); - color: hsla(0, 0%, 100%, 0.8); - &:hover { - background-color: transparent; - color: #fff; - } - } -} - -// BUTTON LINK -%buttonLink { - &%buttonColorWhite, - &%buttonColorPrimary { - color: #fff; - } - &%buttonColorBrand { - color: $main-color; - } - &%buttonColorLink { - color: var(--url-color); - &:disabled:hover %buttonContents { - text-decoration: none; - } - } - &%buttonColorRed { - color: cv('colors.danger'); - } - &:hover %buttonContents { - background-image: none; - text-decoration: underline; - } -} \ No newline at end of file diff --git a/src/general/checkbox.scss b/src/general/checkbox.scss deleted file mode 100644 index 0acc0d7..0000000 --- a/src/general/checkbox.scss +++ /dev/null @@ -1,14 +0,0 @@ -/* CHECKBOX */ - -%themeDark %checkbox { - border-color: hsla(0, 0%, 100%, 0.5); - &%checkboxChecked { - background-color: transparent !important; - border-color: $main-color !important; - > svg { - > path { - fill: #fff; - } - } - } -} diff --git a/src/general/input.scss b/src/general/input.scss deleted file mode 100644 index 542b2cf..0000000 --- a/src/general/input.scss +++ /dev/null @@ -1,36 +0,0 @@ -/* INPUT */ -%inputWrapper { - padding: 0 2px 2px 2px; -} -%input { - color: var(--text-normal); - background-color: hsla(0, 0%, 100%, 0.07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - &:hover { - border: none; - } - &:focus, - &%inputFocused { - box-shadow: 0 0 2px 2px $main-color; - } - &%inputNoBorder, - &%inputField { - border: none; - box-shadow: none; - background: none; - } - .copyInput-3QjTFp { - %input { - background-color: transparent; - box-shadow: none; - &:focus, - &%inputFocused { - box-shadow: none; - } - } - } -} diff --git a/src/general/pageControl.scss b/src/general/pageControl.scss deleted file mode 100644 index 82d2e6b..0000000 --- a/src/general/pageControl.scss +++ /dev/null @@ -1,26 +0,0 @@ -// PAGE CONTROL -%themeDark { - %pageButton { - &%pageButtonActive, - &%pageButtonActive:hover { - background-color: $main-color; - } - &:hover { - background-color: $hover-color; - &:disabled { - background-color: transparent; - } - } - } -} -%pageButtonEnd { - &:disabled { - border-color: $main-color; - color: #fff; - opacity: 0.5; - cursor: not-allowed; - } - &:not(:disabled):hover { - border-color: $hover-color; - } -} diff --git a/src/general/radioGroup.scss b/src/general/radioGroup.scss deleted file mode 100644 index b48f0fa..0000000 --- a/src/general/radioGroup.scss +++ /dev/null @@ -1,40 +0,0 @@ -/* RADIO */ -%radioItem { - background-color: transparent; - color: #fff; - &:hover { - &:not([aria-checked='true']):not(%radioItemDisabled) { - background-color: transparent; - color: #fff; - } - } - %radioBar { - background-color: rgba(0, 0, 0, 0.4); - border-left: 3px solid var(--radio-bar-accent-color); - transition: all 0.15s ease-in-out; - } - &[aria-checked='true'] { - %radioBar { - background-color: var(--radio-bar-accent-color, $main-color); - } - } - %radioIconChecked { - color: #fff; - } -} - -// RADIO ACCENTS -%radioBar { - &[style*='--radio-bar-accent-color:var(--status-green-600)'] { - --radio-bar-accent-color: #43b581 !important; - } - &[style*='--radio-bar-accent-color:var(--status-yellow-560)'] { - --radio-bar-accent-color: #faa61a !important; - } - &[style*='--radio-bar-accent-color:hsl(21, calc(var(--saturation-factor, 1) * 90.7%), 57.6%)'] { - --radio-bar-accent-color: #e67727 !important; - } - &[style*='--radio-bar-accent-color:var(--status-red-500)'] { - --radio-bar-accent-color: #982929 !important; - } -} diff --git a/src/general/scrollbar.scss b/src/general/scrollbar.scss deleted file mode 100644 index 2ae9dc3..0000000 --- a/src/general/scrollbar.scss +++ /dev/null @@ -1,71 +0,0 @@ -/* SCROLLBAR */ - -// NORMAL SCROLLBAR -%scrollbarAuto::-webkit-scrollbar { - width: 14px; -} -// THIN SCROLLBAR -%scrollbarThin::-webkit-scrollbar { - width: 10px; -} - -// NO SCROLLBAR -%scrollbarNone::-webkit-scrollbar { - width: 0px; -} - -// CONTENT -::-webkit-scrollbar-thumb, -::-webkit-scrollbar-track, -::-webkit-scrollbar-track-piece { - border: 3px solid transparent !important; - border-radius: 7px !important; - background-clip: padding-box !important; -} -::-webkit-scrollbar-thumb { - background-color: $main-color !important; - &:active { - background-color: $hover-color !important; - } -} -::-webkit-scrollbar-track, -::-webkit-scrollbar-track-piece { - background-color: transparent !important; -} -%channels, -%membersWrap, -%channelsPrivate { - %scroller { - &::-webkit-scrollbar-thumb, - &::-webkit-scrollbar-track-piece { - visibility: hidden; - } - &:hover { - &::-webkit-scrollbar-thumb, - &::-webkit-scrollbar-track-piece { - visibility: visible; - } - } - } -} -%channels, -%chat, -%membersWrap, -%channelsPrivate, -%friendsTable { - %scroller { - &::-webkit-scrollbar-track-piece { - background-color: rgba(0, 0, 0, 0.3) !important; - } - } -} -textarea { - &::-webkit-scrollbar { - display: none; - } -} -%shopModal { - &::-webkit-scrollbar { - width: 0; - } -} diff --git a/src/general/slider.scss b/src/general/slider.scss deleted file mode 100644 index 39806bb..0000000 --- a/src/general/slider.scss +++ /dev/null @@ -1,21 +0,0 @@ -/* SLIDER */ -%slider { - %sliderBar { - background: hsla(0, 0%, 100%, 0.04); - transition: all 0.15s ease-in-out; - } - %sliderBarFill { - background: $main-color; - } - %sliderGrabber { - background: #fff; - border: none; - border-radius: 5px; - box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); - } - &:focus { - %sliderGrabber { - box-shadow: 0 0 3px 3px $hover-color; - } - } -} diff --git a/src/general/spinner.scss b/src/general/spinner.scss deleted file mode 100644 index 596f2f5..0000000 --- a/src/general/spinner.scss +++ /dev/null @@ -1,52 +0,0 @@ -/* SPINNER */ -%spinnerPopout { - background-color: hsla(0, 0%, 0%, 0.6); -} -%spinnerWanderingCubes { - %spinnerWanderingCubesItem { - width: 100%; - height: 100%; - background: transparent; - animation: none; - filter: drop-shadow(0 0 3px $main-color); - &:before, - &:after { - content: ''; - position: absolute; - @include stretch; - border: 3px solid transparent; - border-radius: 50%; - } - &:before { - animation: cv-spin 1s ease-in-out infinite; - } - &:after { - border-color: $main-color; - opacity: 0.1; - } - &:first-child { - &:before { - border-left-color: $main-color; - border-right-color: $main-color; - } - } - &:last-child { - width: calc(100% - 10px); - height: calc(100% - 10px); - margin: 5px; - &:before { - border-top-color: $main-color; - border-bottom-color: $main-color; - animation-direction: reverse; - } - } - } -} -%spinnerCircle { - %spinnerCirclePath { - stroke: $main-color; - %spinnerCirclePath3 { - opacity: 0.2; - } - } -} diff --git a/src/general/switch.scss b/src/general/switch.scss deleted file mode 100644 index 9ae7810..0000000 --- a/src/general/switch.scss +++ /dev/null @@ -1,19 +0,0 @@ -/* SWITCH */ -%switchContainer { - background-color: transparent !important; - &:before { - background-color: hsla(0, 0%, 100%, 0.15); - content: ''; - position: absolute; - height: 100%; - width: 100%; - border-radius: inherit; - transition: all 0.1s ease-in-out; - } - &%switchChecked:before { - background-color: $main-color; - } - path { - fill: $main-color; - } -} diff --git a/src/general/tooltip.scss b/src/general/tooltip.scss deleted file mode 100644 index 56f5c17..0000000 --- a/src/general/tooltip.scss +++ /dev/null @@ -1,84 +0,0 @@ -/* TOOLTIP */ -%themeDark %tooltip { - padding: 5px 10px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); - border-radius: 3px; - font-size: 13px; - font-weight: 600; - %tooltipContent { - padding: 0; - } - &%tooltipPrimary { - background: rgba(0, 0, 0, 0.9); - > %tooltipPointer { - border-top-color: rgba(0, 0, 0, 0.9); - } - } - &%tooltipBrand { - background: $main-color; - > %tooltipPointer { - border-top-color: $main-color; - } - } - &%tooltipRed { - background: cv('colors.danger'); - > %tooltipPointer { - border-top-color: cv('colors.danger'); - } - } - &%tooltipGreen { - background: cv('colors.success'); - > %tooltipPointer { - border-top-color: cv('colors.success'); - } - } - &%tooltipTop { - animation: cv-menu-fold-y 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 50% 100%; - } - &%tooltipBottom { - animation: cv-menu-fold-y 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 50% 0; - } - &%tooltipRight { - animation: cv-menu-fold-x 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 0 50%; - } - &%tooltipLeft { - animation: cv-menu-fold-x 0.15s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 100% 50%; - } - %tooltipHub > %tooltipHubIcon > circle { - fill: $main-color; - } -} -%commandTooltip { - background: rgba(0, 0, 0, 0.9); - > %commandTooltipPointer { - border-top-color: rgba(0, 0, 0, 0.9); - } -} - -%subscribeTooltipWrapper { - background-color: $main-color; - &:after { - border-bottom-color: $main-color; - } -} - -// UPSELL -%upsellTooltipText { - background-color: hsla(0, 0%, 0%, 0.8); - &%upsellTooltipCaretTopCenter:after { - border-bottom-color: hsla(0, 0%, 0%, 0.8); - } -} - -// REACTION -%reactionTooltip { - background: rgba(0, 0, 0, 0.9); - padding: 5px 10px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); - border-radius: 3px; - font-size: 13px; -} diff --git a/src/guilds/guilds.scss b/src/guilds/guilds.scss deleted file mode 100644 index 924684d..0000000 --- a/src/guilds/guilds.scss +++ /dev/null @@ -1,149 +0,0 @@ -/* GUILDS */ -%layer { - %guildsWrapper { - background-color: transparent; - } -} -%platformOSX { - %guildUnreadMentionsTop { - top: 24px; - } - %guildsWrapper { - margin-top: 0; - padding-top: 48px; - &:before { - content: ''; - height: 48px; - margin-top: -48px; - } - } -} -%guildsWrapper { - box-shadow: inset 0 0 20px rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.3)); -} - -// GUILD LIST -%themeDark %guilds { - background: transparent; -} -%guildsTree { - outline: none; -} - -// HOME BUTTON -%guildChildWrapper > svg { - width: 100%; - height: 100%; - background: cv('bg.home.icon') cv('bg.home.pos') / cv('bg.home.size') no-repeat; - > path { - display: none; - } -} - -// GUILD -%guildIcon { - background-color: rgba(0, 0, 0, 0.3); -} -%guildPlaceholder { - background: hsla(0, 0%, 100%, 0.07); -} - -// PILL -%guildPill { - overflow: hidden; -} -%guildPillItem { - width: 12px; - margin-left: -6px; - border-radius: 20px; - background: $main-color; - box-shadow: 0 0 20px -1px $main-color; - &[style*='height: 8px'] { - height: 10px !important; - } -} - -// ACRONYM -%guildChildWrapper { - background-color: rgba(0, 0, 0, 0.3); - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.3s ease-in-out; -} -%guildLink { - &:hover, - &%guildLinkSelected { - %guildChildWrapper { - background-color: $main-color; - color: #fff; - } - } -} - -// PLACEHOLDER -%guildDragInner { - background: hsla(0, 0%, 100%, 0.1); -} - -// BADGE -%guildBadge { - background: hsla(0, 0%, 0%, 0.7); - box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.7); - &%guildBadgeParticipating { - background: $main-color; - box-shadow: 0 0 0 1px $main-color; - %guildBadgeIcon { - color: #fff; - } - } -} -%guildBadgeIcon { - padding: 1px; - color: $main-color; - filter: drop-shadow(0 0 3px $main-color); -} - -// FOLDER -%guildFolder { - background-color: transparent; - transition: all 0.3s ease-in-out; - &%guildFolderHover { - background-color: hsla(0, 0%, 100%, 0.1); - } -} -%guildFolderGuildNoIcon { - background: rgba(0, 0, 0, 0.4); -} -%guildExpandedFolderBackground { - background: hsla(0, 0%, 100%, 0.07); - border-radius: 16px 16px 24px 24px; - transition: background-color 0.3s ease-in-out; -} - -// CIRCLE ICON BUTTON -%circleIconButton { - background: rgba(0, 0, 0, 0.3); - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.3s ease-in-out; - &:hover, - &%circleIconButtonSelected { - background: $main-color; - color: #fff; - } -} - -// GUILDS ERROR -%guildsError { - background: rgba(0, 0, 0, 0.5); - border: 2px solid cv('colors.danger'); - color: #fff; - transition: all 0.3s ease-in-out; - &:hover { - background: cv('colors.danger'); - border-color: cv('colors.danger'); - } -} - -// SEPARATOR -%guildSeparator { - background: hsla(0, 0%, 100%, 0.1); -} diff --git a/src/headerBar/breadcrumbs.scss b/src/headerBar/breadcrumbs.scss deleted file mode 100644 index 60f74e6..0000000 --- a/src/headerBar/breadcrumbs.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* HEADER BAR BREADCRUMBS */ -%breadcrumbs { - margin-left: 2px; - %breadcrumb { - margin: 0 3px; - transition: all 0.15s ease-in-out; - } - %breadcrumbArrow { - transition: all 0.15s ease-in-out; - } - %breadcrumbWrapper { - color: hsla(0, 0%, 100%, 0.3); - &:hover { - %breadcrumb { - color: hsla(0, 0%, 100%, 0.7); - text-decoration: none; - } - %breadcrumbArrow { - &%directionRight { - color: hsla(0, 0%, 100%, 0.7); - transform: rotateY(180deg) rotateZ(-90deg) translateY(3px); - } - } - } - } -} diff --git a/src/headerBar/headerBar.scss b/src/headerBar/headerBar.scss deleted file mode 100644 index 3cb1247..0000000 --- a/src/headerBar/headerBar.scss +++ /dev/null @@ -1,66 +0,0 @@ -/* HEADER BAR */ -%base { - %headerBar { - height: 48px; - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); - box-shadow: 0 0 10px rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); - color: hsla(0, 0%, 100%, 0.5); - } - %threadHeaderBar { - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); - box-shadow: 0 0 10px rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); - color: hsla(0, 0%, 100%, 0.5); - } -} -%headerBar { - %headerBarChildren { - -webkit-mask: linear-gradient(to left, transparent, #000 20px); - mask: linear-gradient(to left, transparent, #000 20px); - &:after { - display: none; - } - %headerBarIcon { - color: $main-color; - filter: drop-shadow(0 0 3px); - width: 22px; - } - } - %headerBarTitle { - margin-left: 0; - color: #fff; - text-shadow: 0 0 3px #000; - font-family: cv('font.main'); - } - %headerBarTopic { - color: hsla(0, 0%, 100%, 0.5); - a { - color: $main-color; - @include hover-shadow; - } - } - %headerBarAkaBadge { - background: hsla(0, 0%, 100%, 0.1); - color: #fff; - } - %headerBarNicknames { - color: hsla(0, 0%, 100%, 0.5); - } - %headerBarDivider { - background: hsla(0, 0%, 100%, 0.1); - } -} -%headerBarIconWrapper { - margin: 0 1px; - padding: 2px 3px; - box-sizing: content-box; -} -%headerBarIconWrapper > svg > foreignObject { - mask: none; -} - -// MODAL POPOUT -%headerBarModalContent { - a { - color: $main-color; - } -} diff --git a/src/headerBar/searchBars.scss b/src/headerBar/searchBars.scss deleted file mode 100644 index 80aacc2..0000000 --- a/src/headerBar/searchBars.scss +++ /dev/null @@ -1,58 +0,0 @@ -/* HEADER BAR SEARCH BARS */ -%chatSearch %chatSearchBar, -%librarySearch { - width: 140px; - height: 28px; - padding: 2px; - background: hsla(0, 0%, 100%, 0.1); - border-radius: 3px; - transition: width 0.2s ease-in-out 0.1s; -} -%chatSearchFocused %chatSearchBar, -%chatSearchOpen %chatSearchBar, -%librarySearchFocused { - width: 240px; -} -%chatSearch { - %chatSearchFilter, - %chatSearchAnswer { - background: $main-color; - color: #fff; - } - %chatSearchFilter { - padding: 0 3px; - } - %chatSearchAnswer { - margin: 0 2px 0 0; - padding: 0 3px 0 0; - } -} -%librarySearch { - %librarySearchBar { - background: transparent; - } - %librarySearchInput { - color: #fff; - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - %librarySearchIcon { - color: hsla(0, 0%, 100%, 0.5); - transition: all 0.15s ease-in-out; - } - %librarySearchIconLayout:hover { - %librarySearchIconClear { - color: #fff; - } - } -} -.container_d6dad3 { - .queryContainer_c359fe { - .keybindShortcutSearchPopout-pt_bn5 { - & > span { - display: none; - } - } - } -} diff --git a/src/headerBar/toolbar.scss b/src/headerBar/toolbar.scss deleted file mode 100644 index 1025b64..0000000 --- a/src/headerBar/toolbar.scss +++ /dev/null @@ -1,42 +0,0 @@ -/* HEADER BAR TOOLBAR */ -%toolbar { - %headerBarIconWrapper { - border-radius: 3px; - transition: all 0.3s ease-in-out; - %headerBarIcon { - color: #fff; - opacity: 0.5; - transition: all 0.15s ease-in-out; - } - - // SELECTED & POPOUT OPEN - &%headerBarIconSelected { - background: hsla(0, 0%, 100%, 0.1); - %headerBarIcon { - opacity: 0.7; - } - } - - // HOVER - &%headerBarIconClickable:hover { - %headerBarIcon { - opacity: 1; - } - } - - // UNREAD - > svg:not(%headerBarIcon) { - color: $main-color; - filter: drop-shadow(0 0 5px); - transition: filter 0.3s ease-in-out; - } - &:hover { - > svg:not(%headerBarIcon) { - filter: drop-shadow(0 0 5px) drop-shadow(0 0 10px); - } - } - %headerBarIconBadge { - background-color: $main-color; - } - } -} diff --git a/src/home/friends.scss b/src/home/friends.scss deleted file mode 100644 index 38fed89..0000000 --- a/src/home/friends.scss +++ /dev/null @@ -1,166 +0,0 @@ -/* FRIENDS */ -%themeDark { - %friends { - background-color: transparent; - } -} - -// FRIENDS COLUMN -%friendsColumn { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); -} -%friendsItem { - border-top: 1px solid hsla(0, 0%, 100%, 0.1); - &:hover, - &%friendsItemActive { - background-color: hsla(0, 0%, 100%, 0.05); - } -} - -%friendActivity { - color: hsla(0, 0%, 100%, 0.5); - strong { - color: $main-color; - } -} - -%friendsDiscoverHint { - background: hsla(0, 0%, 0%, 0.2); - border: 2px solid $main-color; - &:hover { - background: hsla(0, 0%, 0%, 0.4); - border: 2px solid $hover-color; - } -} - -// ACTION BUTTON -%friendActionButton { - background-color: hsla(0, 0%, 0%, 0.6); - color: #fff; - &%friendActionButtonHighlight { - background-color: hsla(0, 0%, 0%, 0.6); - color: #fff; - } - &:hover { - background-color: $hover-color; - color: #fff; - } - &%friendActionAcceptButton { - color: cv('colors.success'); - &:hover { - background-color: cv('colors.success'); - color: #fff !important; - } - } - &%friendActionDenyButton { - color: cv('colors.danger'); - &:hover { - background-color: cv('colors.danger'); - color: #fff !important; - } - } -} - -// ADD FRIENDS BUTTON -%tabBarItem[aria-controls='add_friend-tab'][aria-selected='false'] { - background-color: cv('colors.success') !important; - color: #fff !important; -} -%tabBarItem[aria-controls='add_friend-tab'][aria-selected='true'] { - background-color: transparent !important; - color: cv('colors.success') !important; - box-shadow: 0 0 0 1px var(--success-color) inset; -} -%tabBarItem[aria-controls='add_friend-tab'][aria-selected='true']:before { - content: ''; - position: absolute; - background-color: var(--success-color); - opacity: 0.2; - width: 100%; - height: 100%; - z-index: -1; -} - -// ADD FRIENDS PAGE -%friendsAddFriendInputWrapper { - background-color: hsla(0, 0%, 100%, 0.07); - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09); - border: none; - &:focus-within { - box-shadow: 0 0 2px 2px $main-color; - } - %input { - background-color: transparent; - box-shadow: none; - &:focus, - &%inputFocused { - box-shadow: none; - } - } -} -%friendsAddFriendInput { - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } -} -%friendsAddFriendHint { - color: hsla(0, 0%, 100%, 0.3); -} - -// NOW PLAYING -%nowPlayingColumn { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); -} -%nowPlayingColumnContainer { - background-color: transparent; -} -%nowPlayingColumnScroller { - border-left: none; -} -%consentCard { - background-color: hsla(0, 0%, 0%, 0.4); -} - -// ACTIVE NOW -%themeDark { - %activeNowOuterCard { - background-color: hsla(0, 0%, 0%, 0.4); - border: 1px solid transparent; - &%activeNowCardInteractive:hover, - &%activeNowCardActive { - background-color: hsla(0, 0%, 0%, 0.6); - } - } - %activeNowCardInset { - background-color: hsla(0, 0%, 0%, 0.4); - } - .partyMemberOverflow_d12297 { - background-color: var(--background-overlay); - } -} -%activeNowCardSection { - background-color: transparent; -} -%themeDark .applicationStreamingPreviewWrapper__97a95 { - background-color: transparent; -} - -// IT'S QUIET FOR NOW... -%emptyActiveNowCard { - background-color: hsla(0, 0%, 0%, 0.4); -} -%emptyActiveNowText { - color: hsla(0, 0%, 100%, 0.3); -} - -// DM USER PROFILE -%userProfileOuterUnthemed { - background-color: hsla(0, 0%, 0%, 0.4); - %userProfileDMInnerThemed { - background: transparent; - } - %userModalDMBadgeList, - %userProfileDMOverlayBackground { - background: hsla(0, 0%, 0%, 0.4); - } -} diff --git a/src/home/library.scss b/src/home/library.scss deleted file mode 100644 index 20f39a1..0000000 --- a/src/home/library.scss +++ /dev/null @@ -1,106 +0,0 @@ -/* GAME LIBRARY */ - -// BODY -%libraryScroller { - background: transparent; -} -%libraryTableHeader { - background-color: transparent; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.07); - > %libraryTableHeaderCell { - border-left-color: hsla(0, 0%, 100%, 0.07); - color: hsla(0, 0%, 100%, 0.3); - transition: all 0.3s ease-in-out; - &:hover { - &:not(%libraryTableHeaderCellSorted) { - color: hsla(0, 0%, 100%, 0.5); - } - } - } - > %libraryTableHeaderCellSorted { - color: hsla(0, 0%, 100%, 0.7); - } -} -%libraryTableRowWrapper { - background-color: transparent; - border-radius: 0; - transition: all 0.15s ease-in-out; - &, - &:hover { - margin: 0 20px; - padding: 0; - + %libraryTableRowWrapper { - > %libraryTableRow { - margin-top: -1px; - border-top: 1px solid hsla(0, 0%, 100%, 0.04); - } - } - } - &:hover { - background-color: rgba(0, 0, 0, 0.3); - } -} -%libraryTableRow { - margin: 0; - color: hsla(0, 0%, 100%, 0.7); - %libraryTableActionsCell { - %button { - background-color: hsla(0, 0%, 100%, 0.07); - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - } - &:hover { - %button:hover { - background-color: $main-color; - color: #fff; - } - } - } -} -%libraryPlayButtonShine { - margin-left: -4px; -} -%libraryTableRowBackground { - border-radius: 0; - animation: cv-fade-in 1s ease-in-out; -} -%libraryTableTextCell { - color: hsla(0, 0%, 100%, 0.5); -} -%libraryTableLastPlayedCellNew { - color: $main-color; -} -%libraryTableSettingIcon { - color: #fff; - opacity: 0.5; - transition: all 0.15s ease-in-out; - &:hover { - opacity: 1; - } -} -%libraryTableRowWrapperDim { - %libraryTableNameCell, - %libraryTableTextCell, - %libraryTableSettingIcon { - transition: all 0.15s ease-in-out; - } -} - -// SETTINGS -%librarySettingsScroller { - background: transparent; -} -%themeDark { - %libraryInstallationPath { - box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, 0.06); - } - %libraryUsageBackground { - stroke: hsla(0, 0%, 0%, 0.6); - } - %libraryUsageForeground { - stroke: $main-color; - } - %libraryDefaultIndicator { - background-color: $main-color; - } -} diff --git a/src/home/nitro.scss b/src/home/nitro.scss deleted file mode 100644 index 3eab678..0000000 --- a/src/home/nitro.scss +++ /dev/null @@ -1,35 +0,0 @@ -/* NITRO */ -%nitro { - background-color: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.5)); -} -%nitroCard { - background-color: hsla(0, 0%, 0%, .4); - &:hover { - background-color: hsla(0, 0%, 0%, .6); - } -} -%nitroCardDescription { - background-image: none; -} -%nitroPerkCard { - background-color: hsla(0, 0%, 0%, .4); -} -%nitroExpandButton { - cursor: pointer; - background-color: $main-color; - color: #fff; -} -%nitroPerksCover { - background-color: hsla(0, 0%, 0%, .6); - background-image: none; - backdrop-filter: blur(5px); -} -%nitroGiftContainer { - background-color: hsla(0, 0%, 0%, .4); -} -%nitroGiftTextContainer { - background-image: none; -} -%nitroFooterInnerWrapper { - background-color: hsla(0, 0%, 0%, .8); -} \ No newline at end of file diff --git a/src/home/requests.scss b/src/home/requests.scss deleted file mode 100644 index 12fa43d..0000000 --- a/src/home/requests.scss +++ /dev/null @@ -1,11 +0,0 @@ -%messageReq, //main tab -%messageReqSpam, //spam -%messageReqItem.active_a36bbb, -%messageReqItem:hover { - background: $hover-color; - animation: cv-fade-to-8 0.3s ease-in-out; -} -/*was it spam*/ -%messageReqSpamCheck { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.3)); -} diff --git a/src/injectors/bd/bdSettings.scss b/src/injectors/bd/bdSettings.scss deleted file mode 100644 index cb5d6aa..0000000 --- a/src/injectors/bd/bdSettings.scss +++ /dev/null @@ -1,12 +0,0 @@ -.bd-select, -.bd-select.menu-open { - background-color: rgba(0, 0, 0, 0.5); -} - -.bd-switch input:checked + .bd-switch-body { - --switch-color: $main-color; -} - -.bd-transparency { - background: transparent !important; -} diff --git a/src/injectors/bd/customCSS.scss b/src/injectors/bd/customCSS.scss deleted file mode 100644 index fc37480..0000000 --- a/src/injectors/bd/customCSS.scss +++ /dev/null @@ -1,7 +0,0 @@ -//New 13/01/2022 -#bd-customcss-detach-container { - background-color: transparent; -} -#bd-editor-controls { - background: var(--background-overlay); -} diff --git a/src/injectors/bd/emotePicker.scss b/src/injectors/bd/emotePicker.scss deleted file mode 100644 index 591f680..0000000 --- a/src/injectors/bd/emotePicker.scss +++ /dev/null @@ -1,45 +0,0 @@ -// BD EMOTE PICKER -%bdEmoteMenu { - background-color: rgba(0, 0, 0, 0.5); - border: none !important; - ~ %emojiPicker { - border-radius: 0 0 5px 5px; - } - > button { - border-color: transparent; - box-shadow: none; - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - } - } - > %bdEmoteMenuActive { - background-color: $main-color; - color: #fff; - } -} -%bdEmoteMenuTwitchContainer, -%bdEmoteMenuFavouriteContainer { - height: 326px; - width: 344px; - background-color: rgba(0, 0, 0, 0.5); - border-radius: 0 0 5px 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -%bdEmoteContainer { - border-radius: 3px; - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - } -} - -// 22/01/2022 -%bdEmoteMenuHeader { - background: transparent; -} -%bdEmoteItem:hover { - background: $hover-color; - cursor: pointer; -} diff --git a/src/injectors/bd/icons.scss b/src/injectors/bd/icons.scss deleted file mode 100644 index ab0ac7f..0000000 --- a/src/injectors/bd/icons.scss +++ /dev/null @@ -1,25 +0,0 @@ -/* BD SETTINGS SIDEBAR ICONS */ -%settingsSidebar { - // BD ICON MAP - $bd: ( - // Settings - 'settings': 'https://clearvision.github.io/icons/betterdiscord.svg', - // Emotes - 'emotes': 'https://clearvision.github.io/icons/emote.svg', - // Custom CSS - 'customcss': 'https://clearvision.github.io/icons/code_braces.svg', - // Plugins - 'plugins': 'https://clearvision.github.io/icons/puzzle.svg', - // Themes - 'themes': 'https://clearvision.github.io/icons/palette.svg' - ); - - // BD ICON STYLES - %tabBarItem { - @each $i, $u in $bd { - &.bd-#{$i}-tab:before { - background-image: url(#{$u}); - } - } - } -} diff --git a/src/injectors/bd/plugins/Arashiryuu/memberCount.scss b/src/injectors/bd/plugins/Arashiryuu/memberCount.scss deleted file mode 100644 index edbfd87..0000000 --- a/src/injectors/bd/plugins/Arashiryuu/memberCount.scss +++ /dev/null @@ -1,22 +0,0 @@ -// MEMBER COUNT -%members { - > #MemberCount { - position: static; - height: 40px; - width: 100%; - padding-left: 16px; - padding-right: 8px; - background: transparent; - color: hsla(0, 0%, 100%, 0.3); - font-size: 11px; - font-weight: 600; - text-align: center; - &:before, - &:after { - display: none; - } - + %membersGroup { - margin-top: -10px; - } - } -} diff --git a/src/injectors/bd/plugins/CapnKitten/HideChannels.scss b/src/injectors/bd/plugins/CapnKitten/HideChannels.scss deleted file mode 100644 index 4fa118e..0000000 --- a/src/injectors/bd/plugins/CapnKitten/HideChannels.scss +++ /dev/null @@ -1,3 +0,0 @@ -.sidebar-2K8pFh.hideElement .container_ca50b9 { - background: transparent; -} diff --git a/src/injectors/bd/plugins/DevilBro/badgesEverywhere.scss b/src/injectors/bd/plugins/DevilBro/badgesEverywhere.scss deleted file mode 100644 index 3361be7..0000000 --- a/src/injectors/bd/plugins/DevilBro/badgesEverywhere.scss +++ /dev/null @@ -1,4 +0,0 @@ -// BADGESEVERYWHERE -.BE-badge { - filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7)); -} diff --git a/src/injectors/bd/plugins/DevilBro/dateText.scss b/src/injectors/bd/plugins/DevilBro/dateText.scss deleted file mode 100644 index 6886ce3..0000000 --- a/src/injectors/bd/plugins/DevilBro/dateText.scss +++ /dev/null @@ -1,7 +0,0 @@ -// CREATIONDATE, JOINEDATDATE, LASTMESSAGEDATE -.creationDate, -.joinedAtDate, -.lastMessageDate { - font-size: 10px; - margin-bottom: -2px; -} diff --git a/src/injectors/bd/plugins/DevilBro/gameActivityToggle.scss b/src/injectors/bd/plugins/DevilBro/gameActivityToggle.scss deleted file mode 100644 index 87530ba..0000000 --- a/src/injectors/bd/plugins/DevilBro/gameActivityToggle.scss +++ /dev/null @@ -1,6 +0,0 @@ -%themeDark { - .gameActivityToggleAdded_Yd-YxC %accountPanelTagButton, - .gameActivityToggleAdded_Yd-YxC %accountPanelTagless { - min-width: calc(100% - 140px) !important; - } -} diff --git a/src/injectors/bd/plugins/DevilBro/ownerTag.scss b/src/injectors/bd/plugins/DevilBro/ownerTag.scss deleted file mode 100644 index 5c8cb00..0000000 --- a/src/injectors/bd/plugins/DevilBro/ownerTag.scss +++ /dev/null @@ -1,10 +0,0 @@ -// OWNER TAG -.owner-tag { - color: hsla(0, 0%, 100%, 0.6); - &[style*='background'] { - color: #fff; - } - .BE-badges + & { - margin-left: 0; - } -} diff --git a/src/injectors/bd/plugins/DevilBro/tooltips.scss b/src/injectors/bd/plugins/DevilBro/tooltips.scss deleted file mode 100644 index 0e77466..0000000 --- a/src/injectors/bd/plugins/DevilBro/tooltips.scss +++ /dev/null @@ -1,11 +0,0 @@ -// DEVILBRO TOOLTIPS FIX -.BDFDB-tooltip { - > %tooltipTop { - position: relative; - margin-top: -36px; - } - > %tooltipRight { - position: relative; - margin-left: 10px; - } -} diff --git a/src/injectors/bd/plugins/Finicalmist/copyCode.scss b/src/injectors/bd/plugins/Finicalmist/copyCode.scss deleted file mode 100644 index 54e643f..0000000 --- a/src/injectors/bd/plugins/Finicalmist/copyCode.scss +++ /dev/null @@ -1,23 +0,0 @@ -// COPYBUTTON -%codeHLJS { - .copybutton { - background: hsla(0, 0%, 100%, 0.1) !important; - color: hsla(0, 0%, 100%, 0.7) !important; - border: none !important; - border-top-left-radius: 3px; - opacity: 0; - transition: all 0.3s ease-in-out; - user-select: none; - &:hover { - color: #fff !important; - } - &:active { - color: $main-color !important; - } - } - &:hover { - .copybutton { - opacity: 1; - } - } -} diff --git a/src/injectors/bd/plugins/magane.scss b/src/injectors/bd/plugins/magane.scss deleted file mode 100644 index ae5878b..0000000 --- a/src/injectors/bd/plugins/magane.scss +++ /dev/null @@ -1,33 +0,0 @@ -div#magane div.stickerWindow { - border: 2px solid $main-color; -} -div#magane div.stickerWindow div.stickers h3.getStarted { - color: #fff; -} -div#magane div.stickerWindow:not(:has(> [style^="display"])) div.stickers *, -div#magane div.stickerWindow:not(:has(> [style^="display"])) div.packs-toolbar * { - display: none; -} -div#magane .stickersModal .modal-content, div#magane .stickersModal .modal-card { - background: transparent; -} -div#magane .stickersModal .inputQuery { - background: rgba(0,0,0,.2); - border: 2px solid $main-color; -} -div#magane .button { - background: $main-color; - color: #fff; -} -div#magane div.stickerWindow:before { - content: ""; - position: absolute; - z-index: -999; - @include stretch; - background: cv('bg.backdrop.img') cv('bg.backdrop.pos') / cv('bg.backdrop.size') cv('bg.backdrop.repeat') cv('bg.backdrop.attach'); - @include filters(cv('bg.backdrop')); -} -div#magane div.stickerWindow div.stickers, /*top*/ -div#magane div.stickerWindow div.packs-toolbar { /*bottom*/ - background: var(--background-overlay); -} \ No newline at end of file diff --git a/src/injectors/bd/plugins/messageButtons.scss b/src/injectors/bd/plugins/messageButtons.scss deleted file mode 100644 index 6d0b8a6..0000000 --- a/src/injectors/bd/plugins/messageButtons.scss +++ /dev/null @@ -1,28 +0,0 @@ -// MESSAGE BUTTONS -.replyer, -.btn-quote, -.citar-btn { - background-color: rgba(0, 0, 0, 0.4) !important; - border-radius: 3px; - transition: background-color 0.3s ease-in-out; - &:hover { - background-color: $main-color !important; - } - %messageGroup:not(:hover) & { - visibility: visible; - opacity: 0; - } -} -%messageGroup:hover { - .replyer { - opacity: 1; - animation: cv-fade-in 0.3s ease-in-out; - } - .btn-quote { - opacity: 1; - } - .citar-btn { - opacity: 0.8; - animation: cv-fade-to-8 0.3s ease-in-out; - } -} diff --git a/src/injectors/bd/plugins/noodlebox/lineNumbers.scss b/src/injectors/bd/plugins/noodlebox/lineNumbers.scss deleted file mode 100644 index 46ac411..0000000 --- a/src/injectors/bd/plugins/noodlebox/lineNumbers.scss +++ /dev/null @@ -1,27 +0,0 @@ -// LINE NUMBERS -%codeHLJS > .kawaii-linenumbers { - list-style: none; - counter-reset: linenumbers; - border-left: 2.6ch solid hsla(0, 0%, 100%, 0.04); - margin: -6px; - padding: 6px; - > li { - text-indent: -3ch; - margin-left: 0; - padding: 0; - border: none; - &:before { - content: counter(linenumbers); - counter-increment: linenumbers; - color: hsla(0, 0%, 100%, 0.3); - display: inline-block; - width: 2ch; - margin-right: 0.5ch; - padding-right: 0.5ch; - text-align: right; - overflow: hidden; - vertical-align: top; - user-select: none; - } - } -} diff --git a/src/injectors/bd/plugins/pluginNotice.scss b/src/injectors/bd/plugins/pluginNotice.scss deleted file mode 100644 index 3a3dde5..0000000 --- a/src/injectors/bd/plugins/pluginNotice.scss +++ /dev/null @@ -1,75 +0,0 @@ -// PLUGIN NOTICE -#pluginNotice { - #outdatedPlugins { - span { - color: #fff; - @include hover-shadow; - } - } -} - -// Plugins/Themes Searchbar & dropdown filter -.bd-search-wrapper { - background-color: hsla(0, 0%, 0%, 0.4) !important; -} -.bd-select { - .bd-select-options { - background-color: hsla(0, 0%, 0%, 0.4) !important; - border: hidden !important; - } - .bd-select-option { - &:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - } - &.selected { - background-color: $main-color !important; - } - } -} - -.bd-addon-list .bd-addon-card { - background-color: hsla(0, 0%, 0%, 0.4) !important; -} - -.bd-addon-list .bd-addon-header { - background-color: var(--backdrop-overlay); -} - -.bd-button { - background-color: $main-color; - &:hover { - background-color: $hover-color; - } - &:active { - background-color: $main-color; - } -} -.bd-addon-views { - .bd-view-button.selected { - background-color: $main-color; - } -} -.bd-switch input:checked + .bd-switch-body { - background-color: $main-color !important; -} -.bd-switch-body { - background-color: rgba(255, 255, 255, 0.15) !important; -} -.bd-switch-symbol { - color: $main-color !important; -} -.bd-toast { - background-color: $main-color; - &.toast-info { - background-color: $main-color; - } - &.toast-success { - background-color: $main-color; - } -} -.bd-link { - color: var(--url-color); -} -.bd-settings-title { - color: #fff; -} diff --git a/src/injectors/bd/popouts.scss b/src/injectors/bd/popouts.scss deleted file mode 100644 index b7fae9c..0000000 --- a/src/injectors/bd/popouts.scss +++ /dev/null @@ -1,19 +0,0 @@ -/* Plugin & Theme Content Error */ -.bd-modal-wrapper { - .header { - background-color: var(--backdrop-overlay); - } - .bd-modal-body { - background-color: var(--backdrop-overlay); - } - .footer { - button { - &:hover { - background-color: $hover-color; - } - } - } - .bd-modal-inner { - border: transparent; - } -} diff --git a/src/injectors/bd/sidebar.scss b/src/injectors/bd/sidebar.scss deleted file mode 100644 index fccaf81..0000000 --- a/src/injectors/bd/sidebar.scss +++ /dev/null @@ -1,88 +0,0 @@ -/* BETTERDISCORD SETTINGS SIDEBAR */ -%settingsSide %bdSettingsSidebar { - %bdSettingsSidebarHeader { - padding-top: 20px; - display: flex; - align-items: center; - justify-content: center; - color: $main-color; - font-weight: 700; - &:before { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to left, $main-color 50%, transparent); - margin-right: 5px; - } - &:after { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to right, $main-color 50%, transparent); - margin-left: 5px; - } - } - - // ITEM - %bdSettingsSidebarItem { - color: hsla(0, 0%, 100%, 0.3); - padding: 8px 0 8px 20px; - margin: 0; - transition: all 0.15s ease-in-out, background-size 0.3s ease-in-out; - cursor: pointer; - &:before { - opacity: 0.3; - transition: all 0.15s ease-in-out; - } - &:after { - content: ''; - position: absolute; - @include pos(0, 100%, 0, 0); - opacity: 0.9; - transition: all 0.3s ease-in-out; - z-index: -1; - pointer-events: none; - } - - // HOVER - &:hover { - background: hsla(0, 0%, 100%, 0.07); - color: hsla(0, 0%, 100%, 0.7); - &:before { - opacity: 0.7; - } - } - - // SELECTED - &%bdSettingsSidebarItemSelected { - background: transparent; - color: #fff; - transition: all 0.15s ease-in-out, background 0.3s 0.2s; - &:before { - opacity: 1; - } - &:after { - right: 0; - background: $main-color; - animation: cv-channel-select 0.3s ease-in-out; - } - } - } - - // SEPARATOR - %bdSettingsSidebarSeparator { - background: hsla(0, 0%, 100%, 0.07); - &:first-child { - display: none; - } - } - - // CREDITS - div[style] { - color: hsla(0, 0%, 100%, 0.3) !important; - } - a { - color: $main-color; - @include hover-shadow; - } -} diff --git a/src/injectors/bd/sources.scss b/src/injectors/bd/sources.scss deleted file mode 100644 index 653c54f..0000000 --- a/src/injectors/bd/sources.scss +++ /dev/null @@ -1,213 +0,0 @@ -/* UNOFFICIAL SOURCES INDICATOR */ -// UNOFFICIAL SOURCES LIST -$unofficial: ('betterdocs.us', 'discordsource.com'); - -html[lang] body #app-mount%appMount { - %themeDark, - %themeLight { - %messageGroup %message %messageContent { - // LINKS - %markup %anchor%anchorUnderlineOnHover, - %embed %anchor%embedLink { - &[href] { - height: auto !important; - color: $main-color !important; - pointer-events: auto !important; - cursor: pointer !important; - &:before, - &:after { - display: none !important; - } - } - } - %markup %anchor%anchorUnderlineOnHover, - %embed %anchor%embedLink { - @each $e in $unofficial { - &[href*='#{$e}' i] { - position: relative; - color: transparent !important; - cursor: not-allowed !important; - transition: all 0.3s ease-in-out; - &:before { - position: absolute; - @include stretch; - padding: 0 !important; - margin: 0 !important; - display: block !important; - background: cv('colors.danger') !important; - border: none !important; - border-radius: 3px !important; - color: #fff !important; - text-align: center !important; - text-shadow: none; - opacity: 0.7; - transition: all 0.3s ease-in-out; - z-index: 1; - } - &:hover { - color: cv('colors.danger') !important; - &:before { - opacity: 0; - } - } - } - } - } - %markup %anchor%anchorUnderlineOnHover { - @each $e in $unofficial { - &[href*='#{$e}' i] { - &:before { - content: '\26A0 Unofficial source' !important; - } - } - } - } - %embed %anchor%embedLink { - @each $e in $unofficial { - &[href*='#{$e}' i] { - &:before { - content: '\26A0 Unofficial theme/plugin source' !important; - } - } - } - } - - // EMBED THUMBNAIL - %embed %embedThumbnail { - display: block !important; - @each $e in $unofficial { - &[href*='#{$e}' i] { - position: relative; - cursor: not-allowed; - > img { - opacity: 0; - transition: all 0.3s ease-in-out; - } - &:before { - content: '\26A0'; - position: absolute; - @include stretch; - display: flex; - align-items: center; - justify-content: center; - background: cv('colors.danger'); - border-radius: inherit; - color: #fff; - opacity: 0.7; - transition: all 0.3s ease-in-out; - z-index: 1; - } - &:hover { - > img { - opacity: 1; - } - &:before { - opacity: 0; - } - } - } - } - } - - // INVITE LINK - %inviteGuildIcon { - &:after { - display: none !important; - } - ~ %inviteButton { - display: flex !important; - } - &[style*='icons/153708594091655168/'] { - background-size: 0; - &:before { - content: ''; - position: absolute; - @include stretch; - background: inherit; - background-size: 100% 100%; - border-radius: inherit; - opacity: 0; - transition: all 0.3s ease-in-out; - } - &:after { - content: '\26A0' !important; - position: absolute; - @include stretch; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - display: flex !important; - align-items: center; - justify-content: center; - background: cv('colors.danger') !important; - border: none !important; - border-radius: inherit !important; - color: #fff !important; - background: cv('colors.danger'); - opacity: 0.7; - transition: all 0.3s ease-in-out; - z-index: 1; - } - &:hover { - &:before { - opacity: 1; - } - &:after { - opacity: 0; - } - } - ~ %inviteGuildInfo { - %inviteGuildName { - position: relative; - color: transparent; - cursor: not-allowed; - transition: all 0.3s ease-in-out; - &:before { - content: '\26A0 Unofficial source'; - position: absolute; - @include stretch; - background: cv('colors.danger'); - border-radius: 3px; - color: #fff; - text-align: center; - text-shadow: none; - opacity: 0.7; - transition: all 0.3s ease-in-out; - z-index: 1; - } - &:hover { - color: cv('colors.danger'); - &:before { - opacity: 0; - } - } - } - %inviteStatusOnline { - background: cv('colors.danger'); - color: cv('colors.danger'); - } - } - ~ %inviteButton { - cursor: not-allowed; - &%inviteButtonAccept { - border-color: cv('colors.danger'); - &:hover { - background: cv('colors.danger'); - } - %buttonContents { - &:before { - content: '\26A0'; - margin-right: 5px; - } - } - } - &%inviteButtonJoined { - background: cv('colors.danger'); - } - } - } - } - } - } -} diff --git a/src/injectors/rp/plugins.scss b/src/injectors/rp/plugins.scss deleted file mode 100644 index 49520b6..0000000 --- a/src/injectors/rp/plugins.scss +++ /dev/null @@ -1,6 +0,0 @@ -%themeDark { - %accountPanelTagButton:has(+ div > [aria-label*='Game Activity']), - %accountPanelTagless:has(+ div > [aria-label*='Game Activity']) { - min-width: calc(100% - 140px) !important; - } -} diff --git a/src/injectors/rp/rpSettings.scss b/src/injectors/rp/rpSettings.scss deleted file mode 100644 index 42cfb42..0000000 --- a/src/injectors/rp/rpSettings.scss +++ /dev/null @@ -1,8 +0,0 @@ -.replugged-addon-card { - background: var(--background-overlay); -} -/*Replugged install thing*/ -%repluggedInstallWrapper { - background: var(--background-overlay); - border: 2px solid $main-color; -} diff --git a/src/injectors/ven/plugins.scss b/src/injectors/ven/plugins.scss deleted file mode 100644 index 519a3e5..0000000 --- a/src/injectors/ven/plugins.scss +++ /dev/null @@ -1,26 +0,0 @@ -/*Shiki code blocks*/ -.shiki-container { - background: rgba(0,0,0,0.2) !important; -} -.shiki-btn{ - background-color: $main-color !important; - border-radius: 4px !important; - right: 4px !important; - bottom: 4px !important; -} -.shiki-btn:hover{ - background-color: $hover-color !important; - transition: ease-in-out .2s; -} -/*Spotify controls*/ -.theme-dark #vc-spotify-player { - background: transparent; -} -#vc-spotify-player { - border-top: 1px solid var(--background-modifier-accent); -} -#vc-spotify-progress-bar > [class^="slider"] [class^="grabber"] { - background-color: var(--main-color); - border-color: var(--main-color); - color: var(--main-color); -} \ No newline at end of file diff --git a/src/injectors/ven/venSettings.scss b/src/injectors/ven/venSettings.scss deleted file mode 100644 index 257f52c..0000000 --- a/src/injectors/ven/venSettings.scss +++ /dev/null @@ -1,11 +0,0 @@ -.vc-addon-card { - background: var(--background-overlay); - border: 2px solid $main-color; - &:hover { - background: var(--background-overlay); - border: 2px solid $hover-color - } -} -.vc-plugins-info-button svg:not(:hover,:focus) { - color: #fff; -} \ No newline at end of file diff --git a/src/keyframes.scss b/src/keyframes.scss deleted file mode 100644 index 9a7e375..0000000 --- a/src/keyframes.scss +++ /dev/null @@ -1,182 +0,0 @@ -/* KEYFRAMES */ -@keyframes cv-fade-in { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@for $i from 1 to 10 { - @keyframes cv-fade-to-#{$i} { - from { - opacity: 0; - } - to { - opacity: #{$i * 0.1}; - } - } -} -@each $d in top, right, bottom, left { - @keyframes cv-slide-#{$d} { - from { - #{$d}: 100%; - } - to { - #{$d}: 0; - } - } -} -@keyframes cv-channel-select { - from { - right: 100%; - background-color: transparent; - } - to { - right: 0; - background-color: $main-color; - } -} -@keyframes cv-message-jump { - from { - background: hsla(0, 0%, 100%, 0.3); - } - to { - background: transparent; - } -} -@keyframes cv-update-spin { - from { - transform: rotateZ(0) scaleX(-1); - } - to { - transform: rotateZ(360deg) scaleX(-1); - } -} -@keyframes cv-update-downloading { - 0% { - background-size: 24px, 10px 0; - } - 50% { - background-position: center, 50% 10px; - background-size: 24px, 10px 10px; - } - 100% { - background-position: center, 50% 20px; - background-size: 24px, 10px 0; - } -} -@keyframes cv-spin { - from { - transform: rotateZ(0); - } - to { - transform: rotateZ(360deg); - } -} -@keyframes cv-spinner-glow { - from { - filter: drop-shadow(0 0 3px $main-color); - } - to { - filter: drop-shadow(0 0 3px $main-color) drop-shadow(0 0 15px $main-color); - } -} -@keyframes cv-spinner-pulse { - from { - transform: scale(0.8); - opacity: 0.3; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-menu-fold-y { - from { - transform: rotateX(-90deg); - opacity: 0; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-menu-fold-x { - from { - transform: rotateY(-90deg); - opacity: 0; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-menu-slide-top { - from { - transform: translateY(-100%); - opacity: 0; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-menu-slide-bottom { - from { - transform: translateY(100%); - opacity: 0; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-menu-slide-left { - from { - transform: translateX(-100%); - opacity: 0; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-menu-slide-right { - from { - transform: translateX(100%); - opacity: 0; - } - to { - transform: none; - opacity: 1; - } -} -@keyframes cv-shadow-pulse { - 0% { - box-shadow: 0 0 6px 2px $main-color; - } - 50% { - box-shadow: 0 0 10px 2px $main-color; - } - 100% { - box-shadow: 0 0 6px 2px $main-color; - } -} -@keyframes cv-shake { - 0%, - 100% { - transform: none; - } - 15%, - 45%, - 75% { - transform: translate3d(-13px, -8px, 0px); - } - - 30%, - 60%, - 90% { - transform: translate3d(13px, 8px, 0px); - } -} diff --git a/src/members/members.scss b/src/members/members.scss deleted file mode 100644 index 9cca4dc..0000000 --- a/src/members/members.scss +++ /dev/null @@ -1,234 +0,0 @@ -/* MEMBERS */ -%membersContainer { - background-color: transparent; -} -%membersWrap { - min-width: auto; - min-height: 100%; - flex-basis: cv('members-width'); -} -%members { - width: cv('members-width'); - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.6)); -} -%membersNotices { - width: var(--members-width); -} - -%members { - // GROUP - %membersGroup { - padding-top: 20px; - display: flex; - align-items: center; - justify-content: center; - color: $main-color; - font-size: 11px; - font-weight: 700; - text-align: center; - transition: all 0.15s ease-in-out; - opacity: 0.85; - &:hover { - opacity: 1; - } - &:before { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to left, currentColor 50%, transparent); - margin-right: 5px; - } - &:after { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to right, currentColor 50%, transparent); - margin-left: 5px; - } - } - - // MEMBER - %member { - background: transparent; - backface-visibility: hidden; - &%memberOffline { - %memberAvatar { - filter: grayscale(100%) blur(1px); - transition: all 0.5s ease-in-out; - } - &:hover { - %memberAvatar { - filter: none; - } - } - } - %memberLayout { - position: relative; - background: transparent; - transition: all 0.15s ease-in-out, transform 0.1s ease-in-out; - z-index: 1; - &:active { - transform: scale(0.9); - } - } - %memberUsername > span { - max-width: 100%; - overflow: visible; - transition: all 0.15s ease-in-out; - &:before { - content: ''; - position: absolute; - @include stretch; - background: linear-gradient(to right, hsla(0, 0%, 100%, 0.07) 90%, transparent); - border-radius: 3px; - opacity: 0; - transition: all 0.15s ease-in-out; - z-index: -1; - pointer-events: none; - } - &:after { - content: ''; - position: absolute; - @include pos(0, 100%, 0, 0); - background: linear-gradient(to right, $main-color 90%, transparent); - border-radius: 3px; - opacity: 0.8; - transition: all 0.3s ease-in-out; - z-index: -1; - pointer-events: none; - } - &[style^='color:'] { - &:before, - &:after { - background: linear-gradient(to right, currentColor 90%, transparent); - } - } - } - &:hover, - &%memberSelected { - %memberUsername > span { - &:before { - opacity: 1; - } - &[style^='color:']:before { - opacity: 0.07; - } - } - } - &%memberSelected { - %memberUsername > span { - -webkit-text-fill-color: #fff; - text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); - &:after { - right: 0; - } - } - } - %memberName { - font-size: 14px; - color: hsla(0, 0%, 100%, 0.6); - transition: all 0.15s ease-in-out; - overflow: hidden; - } - %memberActivityText { - color: hsla(0, 0%, 100%, 0.4); - transition: all 0.15s ease-in-out; - } - %memberActivityText { - strong { - color: $main-color; - font-weight: 700; - transition: all 0.15s ease-in-out; - } - } - &%memberSelected { - %memberName { - color: #fff; - } - %memberActivityText { - text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); - color: hsla(0, 0%, 100%, 0.7); - } - %memberActivityText { - strong { - color: #fff; - } - } - %memberOwnerIcon { - filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7)); - opacity: 0.7; - } - %memberActivityIcon, - %memberActivityEmoji { - filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7)); - } - } - } - - // PLACEHOLDERS - %memberGroupPlaceholder { - margin: 0 25%; - display: flex; - align-items: center; - justify-content: center; - flex-basis: 50%; - color: hsla(0, 0%, 100%, 0.3); - &:before, - &:after { - content: ''; - height: 2px; - flex-grow: 1; - } - &:before { - background: linear-gradient(to left, currentColor 50%, transparent); - margin-right: calc(50% + 5px); - margin-left: -50%; - } - &:after { - background: linear-gradient(to right, currentColor 50%, transparent); - margin-right: -50%; - margin-left: calc(50% + 5px); - } - } - %memberGroupPlaceholder, - %memberPlaceholderAvatar, - %memberPlaceholderUsername, - %memberPlaceholderUsernameMultiple { - background: hsla(0, 0%, 100%, 0.3); - } -} -.addMembersIcon_e97261 { - background-color: var(--background-overlay); -} - -// THREAD EMPTY MEMBERS -%threadMembersEmptyHeader { - padding-top: 20px; - display: flex; - align-items: center; - justify-content: center; - color: $main-color !important; - font-size: 11px; - font-weight: 700; - text-align: center; - transition: all 0.15s ease-in-out; - opacity: 1; - &:before { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to left, currentColor 50%, transparent); - margin-right: 5px; - } - &:after { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to right, currentColor 50%, transparent); - margin-left: 5px; - } -} -%threadMembersEmptyIcon { - background-color: $main-color; - color: #fff; -} diff --git a/src/members/tags.scss b/src/members/tags.scss deleted file mode 100644 index 1368296..0000000 --- a/src/members/tags.scss +++ /dev/null @@ -1,100 +0,0 @@ -/* TAGGED USERS */ -// prettier-ignore -$tagged: ( - // Admins - "194151269399527425": "CV Admin", // untuned - "144881947557101568": "CV Admin", // Zerthox - - // Team - "332394843743584256": "CV Team", // cruxie - "240437190339854337": "CV Team", // Leozard - "126652966265421824": "CV Team", // Scars - "393900343135830016": "CV Team", // Nyx - - // Contributors - "335677038830682112": "CV Contributor", // Snow - "195270435015884800": "CV Contributor", // Daemonicdeveloper - "236579127090610176": "CV Contributor", // Danielle - "97797564866236416": "CV Contributor", // Heebeejeebees - "150750980097441792": "CV Contributor", // Orangutan - "213067580531933196": "CV Contributor", // KitKat - "858800346884997142": "CV Contributor", // ShadowDevilsAvenged - - // Legacy Donators - "262989909411758080": "CV Donator", // coldarchie - "168551219135119361": "CV Donator", // Auroatic - "241500427105992704": "CV Donator", // Ghost_Recon131 - "151995147150819328": "CV Donator", // It - "157699533134888961": "CV Donator", // Jayzer - "157492606752784384": "CV Donator", // Kazumi - "174525242939670528": "CV Donator", // lts - "78890013378486272": "CV Donator", // Macpot - "213263668312408066": "CV Donator", // Nikolas - "152431535914614785": "CV Donator", // Paco - "112619227466182656": "CV Donator", // PieterVMB - "297873043265552384": "CV Donator", // PureFallen - "258031697646321666": "CV Donator", // Rich246™ - "109933711142719488": "CV Donator", // Samboy Chips - "251260900252712962": "CV Donator", // viwalon - "199184208319610880": "CV Donator", // xImGaming - "122731339890950145": "CV Donator", // Lilith - "436228721033216009": "CV Donator", // Hattyot - "66214870705516544": "CV Donator", // Lordmau5 - "172426681800196096": "CV Donator", // Luan San - "158311402677731328": "CV Donator", // theLMGN - "284122164582416385": "CV Donator", // Aetheryx - "107965218868457472": "CV Donator", // Mudock Yatho - "183795147236966412": "CV Donator", // blamecoopa - "245133485688225793": "CV Donator", // Shadowcloud - - // Testers, commented out for now as we aren't really testing anything. - /* - "266991742216175616": "CV Tester", // Alpha$★☆ - "97549189629636608": "CV Tester", // Baked - "128948605263413248": "CV Tester", // Dingus - "168481642309091328": "CV Tester", // Jen - "165581066524950530": "CV Tester", // MoXAriApph - "102621249892544512": "CV Tester", // Shiniyami ߷ - "94553281296084992": "CV Tester", // Squibbus - "85410928408924160": "CV Tester", // †电离龙† - "143476079267414016": "CV Tester", // Reĝino Kastilo - "131917628800237570": "CV Tester", // FunkoChan - "155379920242081793": "CV Tester", // Dimii04 - "135130130942132224": "CV Tester", // MTPyronaut - "123340872333918215": "CV Tester", // Purvesh9211 - "250721335305568258": "CV Tester", // Valcreed - "297041315852713984": "CV Tester", // Zou_Yongqi - "128006451053592577": "CV Tester", // Rawrcolond - "102009847792291840": "CV Tester", // SirSuperDeath - "513423192484872223": "CV Tester", // O...O (yes that's a real username) - "580867069621567488": "CV Tester", // skyspell413 / Primrose - */ - - // Translators / Guide Makers - "538745942493495298": "CV Translator", // Kuroikitten - "265627010733178892": "CV Guide Maker", // Big Steve - - // Former CV Team Members - "309976820109803520": "Former CV Team", // Leafy - -); - -// OUTPUT -%messageContent > img { - & ~ %messageHeader > %messageHeaderText > %messageUsername::after { - content: none; - color: currentcolor; - text-shadow: 0 0 2px currentcolor; - border: 1px solid; - border-radius: 6px; - margin-left: 8px; - background-color: rgba(255, 255, 255, 0.07); - font-size: 10px; - padding: 0 5px; - } - @each $user_id, $tag in $tagged { - &[src*='#{$user_id}'] ~ %messageHeader > %messageHeaderText > %messageUsername::after { - content: $tag; - } - } -} diff --git a/src/messages/activityInvite.scss b/src/messages/activityInvite.scss deleted file mode 100644 index 11ff8b5..0000000 --- a/src/messages/activityInvite.scss +++ /dev/null @@ -1,36 +0,0 @@ -/* ACTIVITY INVITE */ -%messageGroup { - %activityInvite { - background: rgba(0, 0, 0, 0.3); - border: none; - } -} -%activityInvite { - %activityInviteHeader { - color: hsla(0, 0%, 100%, 0.5); - } - %activityInvitePartyStatus { - color: #fff; - } - %activityInviteHelpIcon { - display: flex; - background: hsla(0, 0%, 100%, 0.07); - transition: all 0.15s ease-in-out; - opacity: 0; - } - &:hover { - %activityInviteHelpIcon { - opacity: 0.7; - &:hover { - opacity: 1; - } - } - } - %activityInviteArtworkSessionEnded { - filter: grayscale(1) brightness(2); - opacity: 0.3; - } - %activityInvitePartyMemberEmpty { - background: hsla(0, 0%, 100%, 0.07); - } -} diff --git a/src/messages/attachment.scss b/src/messages/attachment.scss deleted file mode 100644 index 526aaa3..0000000 --- a/src/messages/attachment.scss +++ /dev/null @@ -1,76 +0,0 @@ -/* MESSAGE ATTACHMENT */ -%themeDark %attachment { - background: hsla(0, 0%, 100%, 0.06); - border-color: hsla(0, 0%, 100%, 0.08); -} -%attachmentIcon { - width: 30px; - height: 30px; - box-sizing: border-box; - padding-left: 30px; - background-image: url(https://clearvision.github.io/icons/file.svg); - background-position: center; - background-size: 100%; - background-repeat: no-repeat; - opacity: 0.5; - :not(%attachmentEmbedWrapper) > &[title='unknown'] { - background-image: url(https://clearvision.github.io/icons/file_upload.svg); - } - &[title='document'] { - background-image: url(https://clearvision.github.io/icons/file_document.svg); - } - &[title='archive'] { - background-image: url(https://clearvision.github.io/icons/file_archive.svg); - } - &[title='code'] { - background-image: url(https://clearvision.github.io/icons/file_code.svg); - } - &[title='webcode'] { - background-image: url(https://clearvision.github.io/icons/file_webcode.svg); - } - &[title='ai'], - &[title='ps'], - &[title='photoshop'], - &[title='sketch'] { - background-image: url(https://clearvision.github.io/icons/file_image.svg); - } - &[title='ae'] { - background-image: url(https://clearvision.github.io/icons/file_video.svg); - } - &[title='spreadsheet'] { - background-image: url(https://clearvision.github.io/icons/file_table.svg); - } - &[title='acrobat'] { - background-image: url(https://clearvision.github.io/icons/file_pdf.svg); - } -} -%fileNameLink { - color: $main-color; - @include hover-shadow; -} -%attachmentButton { - color: hsla(0, 0%, 100%, 0.3); - transition: all 0.15s ease-in-out; - &:hover { - color: hsla(0, 0%, 100%, 0.5); - } -} -%fileMetadata { - color: hsla(0, 0%, 100%, 0.3); -} - -// UPLOADING -%attachment { - %fileName { - color: hsla(0, 0%, 100%, 0.7); - } - %fileSize { - color: hsla(0, 0%, 100%, 0.3); - } -} -%fileProgress { - background: hsla(0, 0%, 100%, 0.04) !important; -} -%fileProgressBar { - background: $main-color !important; -} diff --git a/src/messages/blocked.scss b/src/messages/blocked.scss deleted file mode 100644 index f7f6acb..0000000 --- a/src/messages/blocked.scss +++ /dev/null @@ -1,49 +0,0 @@ -/* BLOCKED MESSAGE */ -%messageGroupBlocked { - position: relative; - background: rgba(0, 0, 0, 0.1) !important; - border: none; - border-radius: 0; - transition: all 0.15s ease-in-out; - &:hover { - box-shadow: none !important; - } - %messageGroupBlockedButton { - background: transparent !important; - color: hsla(0, 0%, 100%, 0.3) !important; - transition: all 0.15s ease-in-out; - &:after { - content: ''; - position: absolute; - @include stretch; - border-top: 1px solid; - border-bottom: 1px solid; - border-color: hsla(0, 0%, 100%, 0.04); - transition: all 0.15s ease-in-out; - pointer-events: none; - } - &:hover { - color: hsla(0, 0%, 100%, 0.5) !important; - &:after { - border-color: hsla(0, 0%, 100%, 0.07); - } - } - } - %messageGroup { - margin-top: -20px; - margin-left: 0; - } - + %divider { - margin-top: 25px; - } - %divider + & { - margin-top: 25px; - } -} -// Show blocked message -.blockedAction__27053 { - color: $main-color; -} -.blockedSystemMessage_e58a4c:hover .blockedAction__27053 { - color: $hover-color; -} diff --git a/src/messages/codeLanguages.scss b/src/messages/codeLanguages.scss deleted file mode 100644 index c6b1ee5..0000000 --- a/src/messages/codeLanguages.scss +++ /dev/null @@ -1,554 +0,0 @@ -/* CODEBLOCK LANGUAGES */ -// LANGUAGE MAP -$languages: ( - '1C:Enterprise': '1c', - 'ABNF': 'abnf', - // Augmented Backus-Naur Form - 'Access Log': 'accesslog', - 'ActionScript': ( - 'actionscript', - 'as', - ), - 'Ada': 'ada', - 'Apache': ( - 'apache', - 'apacheconf', - ), - 'Applescript': ( - 'applescript', - 'osascript', - ), - 'Arduino': 'arduino', - 'ARM Assembly': ( - 'armasm', - 'arm', - ), - 'AsciiDoc': ( - 'asciidoc', - 'adoc', - ), - 'AspectJ': 'aspectj', - 'Atom Feed (XML)': 'atom', - 'AutoHotkey': 'autohotkey', - 'AutoIt': 'autoit', - 'AVR Assembler': 'avrasm', - 'awk': 'awk', - 'Axapta': 'axapta', - 'Bash': ( - 'bash', - 'sh', - 'zsh', - ), - 'Basic': 'basic', - 'Batch': ( - 'dos', - 'bat', - 'cmd', - ), - 'BNF': ( - 'bnf', - 'bf', - ), - // Backus-Naur Form - 'Brainfuck': 'brainfuck', - 'C/C++': ( - 'c', - 'h', - ), - 'C++': ( - 'cc', - 'cpp', - 'hpp', - ), - 'C#': ( - 'cs', - 'csharp', - ), - 'C/AL': 'cal', - // Client/server Application Language - "Cap'n Proto": - ( - 'capnproto', - 'capnp', - ), - 'Ceylon': 'ceylon', - 'Clean': ( - 'clean', - 'icl', - 'dcl', - ), - 'Clojure': ( - 'clojure', - 'clj', - ), - 'Clojure REPL': 'clojure-repl', - 'CMake': 'cmake', - 'CoffeeScript': ( - 'coffeescript', - 'coffee', - 'cson', - 'iced', - ), - 'Coq': 'coq', - 'Caché Object Script': ( - 'cos', - 'cls', - ), - 'CocoaPod': 'podspec', - 'crmsh': ( - 'crmsh', - 'crm', - 'pcmk', - ), - 'Crystal': ( - 'crystal', - 'cr', - ), - 'CSP': 'csp', - // Communicating sequential processes - 'CSS': 'css', - // Cascading Style Sheets - 'D': 'd', - 'Dart': 'dart', - 'Delphi (Object Pascal)': ( - 'delphi', - 'dfm', - 'dpr', - ), - 'Diff': ( - 'diff', - 'patch', - ), - 'Django': 'django', - 'DNS Zone File': ( - 'dns', - 'bind', - 'zone', - ), - 'Dockerfile': ( - 'dockerfile', - 'docker', - ), - 'dsconfig': 'dsconfig', - 'Device Tree': 'dts', - 'Dust': ( - 'dust', - 'dst', - ), - 'EBNF': 'ebnf', - // Extended Backus-Naur Form - 'Elixir': 'elixir', - 'Elm': 'elm', - 'eRuby': 'erb', - // Embedded Ruby - 'Erlang': - ( - 'erlang', - 'erl', - ), - 'Erlang REPL': 'erlang-repl', - 'Excel': ( - 'excel', - 'xls', - 'xlsx', - ), - 'F#': ( - 'fs', - 'fsharp', - ), - 'Fix': 'fix', - 'Flix': 'flix', - 'Fortran': ( - 'fortran', - 'f90', - 'f95', - ), - 'GAMS': ( - 'gams', - 'gms', - ), - 'GAUSS': ( - 'gauss', - 'gss', - ), - 'G-code': ( - 'gcode', - 'nc', - ), - 'Gherkin': ( - 'gherkin', - 'feature', - ), - 'GLSL': 'glsl', - // OpenGL Shading Language - 'Go': - ( - 'go', - 'golang', - ), - 'Golo': 'golo', - 'Gradle': 'gradle', - 'Groovy': 'groovy', - 'Haml': 'haml', - 'Handlebars': ( - 'handlebars', - 'hbs', - ), - 'Haskell': ( - 'haskell', - 'hs', - ), - 'Haxe': ( - 'haxe', - 'hx', - ), - 'HSP': 'hsp', - // Hot Soup Processor - 'HTML': 'html', - // Hypertext Markup Language - 'HTMLBars': 'htmlbars', - 'HTTP': 'http', - // Hyptertext Transfer Protocol - 'HTTPS': 'https', - // Hyptertext Transfer Protocol Secure - 'Hy': - ( - 'hy', - 'hylang', - ), - 'Inform7': ( - 'inform7', - 'i7', - ), - 'INI': 'ini', - // Initialization - 'IRB': 'irb', - // Interactive Ruby Shell - 'IRPF90': 'irpf90', - 'Java': ( - 'java', - 'jsp', - ), - 'JavaScript/JSX': ( - 'javascript', - 'js', - 'jsx', - ), - 'JAXB (XML)': 'xjb', - 'JBoss CLI': ( - 'jboss-cli', - 'wildfly-cli', - ), - 'Jinja': 'jinja', - 'JSON': 'json', - // JavaScript Object Notation - 'Julia': 'julia', - 'Julia REPL': 'julia-repl', - 'Kotlin': 'kotlin', - 'Lasso': ( - 'lasso', - 'lassoscript', - 'ls', - ), - 'LDIF': 'ldif', - // LDAP Data Interchange Format - 'Leaf': 'leaf', - 'Less': 'less', - 'Lisp': 'lisp', - 'LiveCode Server': 'livecodeserver', - 'LiveScript': ( - 'livescript', - 'ls', - ), - 'LLVM IR': 'llvm', - 'LSL': 'lsl', - // Linden Scripting Language - 'Lua': 'lua', - 'Makefile': ( - 'makefile', - 'mk', - 'mak', - ), - 'Markdown': ( - 'markdown', - 'md', - 'mkd', - 'mkdown', - ), - 'Mathematica': ( - 'mathematica', - 'mma', - ), - 'MatLab': 'matlab', - 'Maxima': 'maxima', - 'MEL': 'mel', - 'Mercury': ( - 'mercury', - 'm', - 'moo', - ), - 'MIPS Assembly': ( - 'mipsasm', - 'mips', - ), - 'Mikrotik RouterOS': ( - 'routeros', - 'mikrotik', - ), - 'Mizar': 'mizar', - 'Mojolicious': 'mojolicious', - 'Monkey': 'monkey', - 'MoonScript': ( - 'moonscript', - 'moon', - ), - 'N1QL': 'n1ql', - 'Nginx': ( - 'nginx', - 'nginxconf', - ), - 'Nimrod': ( - 'nimrod', - 'nim', - ), - 'Nix': ( - 'nix', - 'nixos', - ), - 'NSIS': 'nsis', - 'Objective-C': ( - 'objectivec', - 'objc', - 'obj-c', - 'mm', - ), - 'OCaml': ( - 'ocaml', - 'ml', - ), - 'OpenSCAD': ( - 'openscad', - 'scad', - ), - 'Oracle Rules Language': 'ruleslanguage', - 'Oxygene': 'oxygene', - 'Parser3': 'parser3', - 'Pascal/Object Pascal': ( - 'pascal', - 'pas', - 'freepascal', - 'lazarus', - 'lfm', - 'lpr', - ), - 'Perl': ( - 'perl', - 'pl', - 'pm', - ), - 'OpenBSD PF': 'pf', - // OpenBSD Packet Filter - 'PHP': - ( - 'php', - 'php3', - 'php4', - 'php5', - 'php6', - ), - // PHP: Hypertext Preprocessor - 'Pony': 'pony', - 'PowerShell': ( - 'powershell', - 'ps', - ), - 'Processing': 'processing', - 'Prolog': 'prolog', - 'Property List': 'plist', - 'Protocol Buffers': 'protobuf', - 'Puppet': ( - 'puppet', - 'pp', - ), - 'PureBASIC': ( - 'purebasic', - 'pb', - 'pbi', - ), - 'Python': ( - 'python', - 'py', - 'gyp', - ), - 'Python profile': 'profile', - 'Q': ( - 'q', - 'k', - 'kdb', - ), - 'QML': ( - 'qml', - 'qt', - ), - // Qt Meta-object Language - 'R': 'r', - 'RenderMan RIB': 'rib', - 'RenderMan RSL': 'rsl', - 'Roboconf': ( - 'roboconf', - 'graph', - 'instances', - ), - 'RSS Feed (XML)': 'rss', - 'Ruby': ( - 'ruby', - 'rb', - ), - 'Thor (Ruby)': 'thor', - 'Ruby Gem': 'gemspec', - 'Rust': ( - 'rust', - 'rs', - ), - 'Scala': 'scala', - 'Scheme': 'scheme', - 'Scilab': ( - 'scilab', - 'sci', - ), - 'SCSS': 'scss', - 'Shell': ( - 'shell', - 'console', - ), - 'Smali': 'smali', - 'Smalltalk': ( - 'smalltalk', - 'st', - ), - 'SML': ( - 'sml', - 'ml', - ), - // Standard ML - 'SQF': 'sqf', - // Status Quo Function (Arma) - 'SQL': 'sql', - // Structured Query Language - 'Stan': 'stan', - 'Stata': ( - 'stata', - 'do', - 'ado', - ), - 'STEP Part 21': ( - 'step21', - 'step', - 'stp', - 'p21', - ), - 'Stylus': ( - 'stylus', - 'styl', - ), - 'SubUnit': 'subunit', - 'Swift': 'swift', - 'Tagger Script': 'taggerscript', - 'TAP': 'tap', - // Test Anything Protocol - 'Tcl': - ( - 'tcl', - 'tk', - ), - // Tool Command Language - 'TeX': 'tex', - 'Thrift': 'thrift', - 'TOML': 'toml', - // Tom's Obvious, Minimal Language - 'TP': 'tp', - // Fanuc TP - 'Twig': - ( - 'twig', - 'craftcms', - ), - 'TypeScript': ( - 'typescript', - 'ts', - ), - 'Vala': 'vala', - 'VB.NET': ( - 'vbnet', - 'vb', - ), - // Visual Basic .NET - 'VBScript': - ( - 'vbscript', - 'vbs', - ), - // Visual Basic Script - 'VBScript HTML': 'vbscript-html', - // Visual Basic Script HTML - 'Verilog': - ( - 'verilog', - 'v', - 'sv', - 'svh', - ), - 'VHDL': 'vhdl', - 'Vim Script': 'vim', - 'x86 Assembly': 'x86asm', - 'XL': ( - 'xl', - 'tao', - ), - 'XQuery': ( - 'xquery', - 'xq', - 'xpath', - ), - 'YAML': ( - 'yaml', - 'yml', - ), - 'XHTML': 'xhtml', - // Extensible Hypertext Markup Language - 'XML': 'xml', - // Extensible Markup Language - 'XML Schema': 'xsd', - 'XSL': 'xsl', - // Extensible Stylesheet Language - 'Zephir': - ( - 'zephir', - 'zep', - ), -); - -// OUTPUT -.hljs { - &:before { - display: block; - float: right; - text-align: right; - line-height: 100%; - opacity: 0.5; - pointer-events: none; - } - @each $k, $v in $languages { - $id: unique-id(); - &%#{$id} { - &:before { - content: '#{$k}'; - } - } - @each $e in $v { - &[class~='#{$e}' i] { - @extend %#{$id}; - } - } - } -} diff --git a/src/messages/codeblock.scss b/src/messages/codeblock.scss deleted file mode 100644 index 1af5664..0000000 --- a/src/messages/codeblock.scss +++ /dev/null @@ -1,43 +0,0 @@ -/* CODEBLOCK */ -%markup { - // INLINE CODE - code%codeInline { - padding: 3.5px 7.5px; - background-color: hsla(0, 0%, 100%, 0.1); - border-radius: 3px; - color: hsla(0, 0%, 100%, 0.7); - font-family: cv('font.code'); - line-height: 22px; - + pre { - margin-top: -1px; - } - } - %codeActions { - z-index: 999; - } -} -// CODEBLOCK -%codePre { - padding: 0; - background: transparent; - border: 2px solid hsla(0, 0%, 100%, 0.05); - border-radius: 8px; - font-family: cv('font.code'); - %codeHLJS { - position: relative; - padding: 6px; - background: rgba(0, 0, 0, 0.42); - border: none; - color: hsla(0, 0%, 100%, 0.7); - &:before { - height: 10px; - color: hsla(0, 0%, 100%, 0.3); - line-height: 10px; - opacity: 1; - } - } -} - -code { - font-family: cv('font.code'); -} diff --git a/src/messages/embed.scss b/src/messages/embed.scss deleted file mode 100644 index dfbe699..0000000 --- a/src/messages/embed.scss +++ /dev/null @@ -1,53 +0,0 @@ -/* EMBED */ -%embed { - %embedAuthorName, - %embedFieldName, - %embedTitle { - color: #fff !important; - } - %embedProvider { - color: hsla(0, 0%, 100%, 0.7) !important; - } - %embedDescription, - %embedFieldValue { - color: hsla(0, 0%, 100%, 0.7); - } - %embedLink { - color: $main-color; - @include hover-shadow; - } - %embedTitleLink { - color: $main-color !important; - } - - // VIDEO ACTIONS - %embedVideoActions { - %embedVideoActionsButtonWrapper { - background: rgba(0, 0, 0, 0.5); - color: #fff; - box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); - } - } - a > code { - &%codeInline { - color: $main-color; - } - } - - // FOOTER - %embedFooterText { - color: hsla(0, 0%, 100%, 0.5); - } - %embedFooterSeparator { - color: hsla(0, 0%, 100%, 0.07); - } -} -%embedFull { - background: hsla(0, 0%, 0%, 0.3); -} - -// IMAGE ERROR -%imageError { - filter: grayscale(1) brightness(2); - opacity: 0.3; -} diff --git a/src/messages/inviteLink.scss b/src/messages/inviteLink.scss deleted file mode 100644 index 9750f0c..0000000 --- a/src/messages/inviteLink.scss +++ /dev/null @@ -1,69 +0,0 @@ -/* INVITE LINK */ -%themeDark %inviteWrapper { - background: rgba(0, 0, 0, 0.4); - border-color: transparent; - %inviteTitle { - color: hsla(0, 0%, 100%, 0.5); - } - %inviteGuildName { - color: $main-color; - @include hover-shadow; - } - %inviteGuildIcon { - background-color: hsla(0, 0%, 100%, 0.04); - } - %inviteGuildIconExpired { - position: relative; - background-size: 0; - background: hsla(0, 0%, 100%, 0.04); - &:before, - &:after { - content: ''; - position: absolute; - top: 10%; - bottom: 10%; - left: 50%; - width: 6px; - background: cv('colors.danger'); - border-radius: 1px; - } - &:after { - transform: translateX(-50%) rotate(45deg); - } - &:before { - transform: translateX(-50%) rotate(-45deg); - } - } - %inviteGuildDetail { - padding-left: 1px; - margin-left: -1px; - color: hsla(0, 0%, 100%, 0.3); - } - %inviteStatusOnline { - background: cv('colors.online'); - color: cv('colors.online'); - } - %inviteStatusOffline { - background: cv('colors.offline'); - color: cv('colors.offline'); - } - %inviteButton { - border-color: transparent; - } - %inviteButtonJoin { - background: transparent; - border: 1px solid cv('colors.success'); - transition: all 0.3s ease-in-out; - &:hover { - background: cv('colors.success'); - } - } - %inviteButtonExpired { - background: transparent; - border: 1px solid cv('colors.danger'); - transition: all 0.3s ease-in-out; - &:hover { - background: cv('colors.danger'); - } - } -} diff --git a/src/messages/mediaPlayer.scss b/src/messages/mediaPlayer.scss deleted file mode 100644 index f196b5a..0000000 --- a/src/messages/mediaPlayer.scss +++ /dev/null @@ -1,123 +0,0 @@ -/* EMBED MEDIA PLAYER */ -%themeDark %player { - background-color: rgba(0, 0, 0, 0.4); - border-color: transparent; -} -%playerAudioControls { - background: transparent; -} -%playerVideoControls { - background: rgba(0, 0, 0, 0.6); -} -%player { - %playerMetadataDownload, - %playerControlIcon { - opacity: 0.5; - transition: all 0.15s ease-in-out; - &:hover { - opacity: 1; - } - } - %playerMetadataIcon { - color: #fff; - &:hover { - color: #fff; - } - } -} -%playerAudioMetadata { - &:before { - content: ''; - width: 36px; - height: 36px; - background: url(https://clearvision.github.io/icons/file_music.svg) center/100% no-repeat; - opacity: 0.5; - } - %playerMetadataSize { - color: hsla(0, 0%, 100%, 0.3); - } -} - -// MEDIA BAR -%playerMediaBarWrapper { - background: hsla(0, 0%, 100%, 0.07); - &:before, - &:after { - background: hsla(0, 0%, 100%, 0.07); - } -} -%playerMediaBarBuffer { - background: hsla(0, 0%, 100%, 0.04); - opacity: 1; - &:before, - &:after { - background: hsla(0, 0%, 100%, 0.04); - opacity: 1; - } -} -%playerMediaBarGrabber, -%playerMediaBarProgress { - background: $main-color; - transition: background 0.15s ease-in-out; -} -%playerMediaBarProgress { - &:before, - &:after { - background: $main-color; - } -} -%playerMediaBarPreview { - background: #fff; - &:before, - &:after { - background: #fff; - } - opacity: 0; - transition: opacity 0.15s ease-in-out; -} -%playerMediaBarBubble { - background: $main-color; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); - color: #fff; - transform: translateX(-50%) rotateX(-90deg); - transform-origin: 50% 100%; - transition: all 0.15s ease-in-out, left 0s; - &:before { - border-top-color: $main-color; - } -} -%playerMediaBarInteraction:hover { - %playerMediaBarGrabber { - background: $main-color; - } - %playerMediaBarPreview { - opacity: 0.1; - } -} -%playerMediaBarInteractionDragging { - %playerMediaBarProgress, - %playerMediaBarGrabber, - %playerMediaBarBubble { - background: $hover-color; - } - %playerMediaBarBubble { - &:before { - border-top-color: $hover-color; - } - } -} -%playerMediaBarInteraction:hover, -%playerMediaBarInteractionDragging { - %playerMediaBarWrapper { - box-shadow: none; - filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3)); - } - %playerMediaBarBubble { - transform: translateX(-50%); - } -} - -// Download button -.hoverButtonGroup__5b423 { - background-color: rgba(0, 0, 0, 0.6); -} diff --git a/src/messages/mention.scss b/src/messages/mention.scss deleted file mode 100644 index 1e84e60..0000000 --- a/src/messages/mention.scss +++ /dev/null @@ -1,44 +0,0 @@ -/* MENTIONS */ -%themeDark { - %mentionWrapper { - padding: 1px 4px; - border-radius: 5px; - line-height: 22px; - white-space: nowrap; - transition: all 0.15s ease-in-out; - background-color: $main-color; - color: #fff; - &:hover { - background-color: $hover-color; - } - &%mentionIcon { - padding-left: 1.2rem; - } - } - strong { - > %mention { - font-weight: 600; - } - } - %mentioned { - %mention%mentionedInteractive { - background-color: hsla(0, 0%, 100%, 0.1); - color: $main-color; - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - color: $hover-color; - text-decoration: none; - } - } - } -} -%mentioned { - background-color: hsla(0, 0%, 100%, 0.05); - &%message%messageSelected, - %mouseModeFullMotion &:hover { - background-color: hsla(0, 0%, 100%, 0.08); - } - &::before { - background-color: $main-color; - } -} diff --git a/src/messages/message.scss b/src/messages/message.scss deleted file mode 100644 index c188a8b..0000000 --- a/src/messages/message.scss +++ /dev/null @@ -1,190 +0,0 @@ -/* MESSAGE */ -%messages { - %messageGroup { - transition: background 0.3s ease-in-out; - &:active { - background: hsla(0, 0%, 100%, 0.1); - transition-delay: 0.3s; - } - } -} -%message { - // HEADER - %avatarLarge { - transition: all 0.3s ease-in-out, transform 0.1s ease-in-out; - &:active { - transform: scale(0.9); - } - } - %messageTimestamp, - %messageTimestampAlt { - text-align: center; - color: hsla(0, 0%, 100%, 0.5); - } - - // CONTENT - %messageSystemContainer { - color: hsla(0, 0%, 100%, 0.5); - } - %markup { - color: var(--text-normal); - } - - // BLOCKQUOTE - %markup { - %blockquoteDivider { - background: hsla(0, 0%, 100%, 0.2); - border-radius: 0; - } - } -} - -// GIFS/EMBEDS -%messageInlineMediaEmbed { - max-width: max-content; -} - -// SPOILER -%messageSpoiler { - background-color: hsla(0, 0%, 0%, 0.8); -} - -// LINKS -%markup a, -%anchor { - color: var(--url-color); -} - -// INVALID GIFT -%themeDark { - .tile_ebc93b { - background-color: hsla(0, 0%, 0%, 0.4); - &:hover { - background-color: hsla(0, 0%, 0%, 0.4); - } - } -} - -// REPLY -%messageReplied { - &:before { - border-color: $main-color; - } - %messageRepliedTextPreview { - opacity: 0.7; - &%messageRepliedTextPreviewClickable:hover { - opacity: 1; - } - %messageRepliedTextContent { - color: #fff; - } - %messageRepliedTextPlaceholder { - color: $main-color; - } - } - %messageRepliedTextContentIcon { - opacity: 0.7; - %messageRepliedTextPreview:hover + & { - opacity: 1; - } - } - &%messageRepliedExecutedCommand { - %messageRepliedCommandName { - color: $main-color; - } - } -} - -// THREADS -%threadChatIcon { - color: $main-color; - filter: drop-shadow(0 0 3px); - width: 22px; -} -%threadEmbed { - background-color: hsla(0, 0%, 0%, 0.4); -} -%threadCTA { - color: $main-color; -} -%cozy { - &%messageHasThread { - &:after { - border-color: $main-color; - } - } -} -%threadJumpButton { - background-color: $main-color; - color: #fff; - &:hover { - background-color: $hover-color; - color: #fff; - } -} - -// BUTTONS -%messageButtonWrapper { - background-color: transparent; - %messageButton { - color: hsla(0, 0%, 100%, 0.7); - &:hover, - &%messageButtonSelected { - background-color: hsla(0, 0%, 100%, 0.1); - color: #fff; - } - } -} - -// EDITING -%themeDark %operations { - color: hsla(0, 0%, 100%, 0.5); - > a { - color: $main-color; - } -} - -%replyingToIndicator { - background-color: hsla(0, 0%, 100%, 0.05); - %mouseModeFullMotion &:hover { - background-color: hsla(0, 0%, 100%, 0.08); - } - &:before { - background-color: $main-color; - } -} - -// BEGINNING DM WAVE -%waveButton, -%waveButtonDisabled { - background-color: $main-color; -} - -%waveButton:hover { - background-color: $hover-color; -} - -// PUBLISH TO FOLLOWERS -.bumpBox_cfd81a { - background: hsla(0, 0%, 0%, 0.4); -} -.icon_c766f4, -.tagline_a404cb { - color: #fff; -} -.closeIcon__1f39d, -.hidePermanently_a71dd2 { - color: hsla(0, 0%, 100%, 0.4) !important; -} - -// AUTOMOD MESSAGE -.embedCard__66fca, -.footerContainer_a703d5 { - background-color: hsla(0, 0%, 0%, 0.4); -} -.footerAction_fba33a .text-xs-normal_ccc5fb { - color: $main-color !important; -} -.footerIcon__61cc7 path { - fill: $main-color; -} diff --git a/src/messages/reaction.scss b/src/messages/reaction.scss deleted file mode 100644 index b0424b0..0000000 --- a/src/messages/reaction.scss +++ /dev/null @@ -1,66 +0,0 @@ -/* MESSAGE REACTIONS */ -%reaction { - background-color: hsla(0, 0%, 100%, 0.05); - border-radius: 3px; - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - %reactionCount { - color: hsla(0, 0%, 100%, 0.9); - } - } - %reactionCount { - color: hsla(0, 0%, 100%, 0.4); - } - &%reactionMe { - background-color: hsla(0, 0%, 100%, 0.1); - border-color: transparent; - %reactionCount { - color: $main-color; - } - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - %reactionCount { - color: $hover-color; - } - } - } -} -/* FORUM REACTIONS */ -%forumReaction { - background-color: hsla(0, 0%, 100%, 0.05); - border-radius: 3px; - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - %forumReactionCount { - color: hsla(0, 0%, 100%, 0.9); - } - } - %forumReactionCount { - color: hsla(0, 0%, 100%, 0.4); - } - &%forumReactionMe { - background-color: hsla(0, 0%, 100%, 0.1); - border-color: transparent; - %forumReactionCount { - color: $main-color; - } - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - %forumReactionCount { - color: $hover-color; - } - } - } -} -%forumReactAdd { - background-color: hsla(0, 0%, 100%, 0.05); - border-radius: 3px; - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - border-color: hsla(0, 0%, 100%, 0.2); - color: #fff; - } -} diff --git a/src/messages/textContainer.scss b/src/messages/textContainer.scss deleted file mode 100644 index dfa0d05..0000000 --- a/src/messages/textContainer.scss +++ /dev/null @@ -1,44 +0,0 @@ -/* Text Container */ -%textContainer { - background-color: rgba(0, 0, 0, 0.42); - border: 2px solid hsla(0, 0%, 100%, 0.05); - border-radius: 8px 8px 0 0; -} -%textContainerFooter { - background-color: hsla(0, 0%, 100%, 0.1); - border: none; -} -.colorHeaderSecondary-g5teka { - color: hsla(0, 0%, 100%, 0.7); - &:hover { - color: hsla(0, 0%, 100%, 0.9); - } -} -%attachmentName { - color: hsla(0, 0%, 100%, 0.7); - &:hover { - color: hsla(0, 0%, 100%, 0.9); - } -} -%attachmentSize { - color: hsla(0, 0%, 100%, 0.5); - margin: 0 5px; - &:hover { - color: hsla(0, 0%, 100%, 0.7); - } -} -%languageSelector { - background-color: hsla(0, 0%, 0%, 0.8); - %languageSelectorItem { - &:hover { - background-color: hsla(0, 0%, 100%, 0.05); - } - &%languageSelectorSelected { - background-color: $main-color; - } - } -} -%textContainerModal { - background-color: hsla(0, 0%, 0%, 0.5); - border: none; -} diff --git a/src/mixins.scss b/src/mixins.scss deleted file mode 100644 index d8db6ee..0000000 --- a/src/mixins.scss +++ /dev/null @@ -1,122 +0,0 @@ -/// Set background properties separately in one mixin -/// @param {*} $image [null] - background-image property value -/// @param {*} $img [null] - background-image property value (alternative param) -/// @param {*} $position [null] - background-position property value -/// @param {*} $pos [null] - background-position property value (alternative param) -/// @param {*} $size [null] - background-size property value -/// @param {*} $repeat [null] - background-repeat property value -/// @param {*} $rep [null] - background-repeat property value (alternative param) -/// @param {*} $attachment [null] - background-attachment property value -/// @param {*} $attach [null] - background-attachment property value (alternative param) -/// @param {*} $color [null] - background-color property value -/// @param {*} $clr [null] - background-color property value (alternative param) -@mixin bg($image: null, $position: null, $size: null, $repeat: null, $attachment: null, $color: null, $img: null, $pos: null, $rep: null, $attach: null, $clr: null) { - $img: $image or $img; - $clr: $color or $clr; - $rep: $repeat or $rep; - $pos: $position or $pos; - $attach: $attachment or $attach; - $bg: (); - @if $img { - background-image: #{$img}; - } - @if $clr { - background-color: #{$clr}; - } - @if $pos { - background-position: #{$pos}; - } - @if $size { - background-size: #{$size}; - } - @if $rep { - background-repeat: #{$rep}; - } - @if $attach { - background-attachment: #{$attach}; - } -} - -/// Set position properties in a single mixin -/// @param {*} $top [null] - top property value -/// @param {*} $right [null] - right property value -/// @param {*} $bottom [null]- bottom property value -/// @param {*} $left [null] - left property value -@mixin pos($top: null, $right: null, $bottom: null, $left: null) { - @if $top { - top: $top; - } - @if $right { - right: $right; - } - @if $bottom { - bottom: $bottom; - } - @if $left { - left: $left; - } -} - -/// Specify a new web-hosted font via @font-face -/// @param {*} $name - font name -/// @param {*} $url [null] - font source (as url) -/// @param {*} $format [null] - font file format -/// @param {*} $weight [null] - font-weight value -/// @param {*} $style [null] - font-style value -/// @param {*} $decoration [null] - font-decoration value -@mixin font($name, $local: null, $url: null, $format: null, $weight: null, $style: null, $decoration: null) { - @font-face { - font-family: $name; - @if $url !=null and $format !=null { - src: url($url) format($format); - } @else if $url !=null { - src: url($url); - } @else { - @content; - } - @if variable-exists(weight) { - font-weight: $weight; - } - @if variable-exists(style) { - font-style: $style; - } - @if variable-exists(decoration) { - font-decoration: $decoration; - } - } -} - -/// Stretch element -@mixin stretch { - top: 0; - right: 0; - bottom: 0; - left: 0; -} - -/// Include background filters -/// @param {map} $source source map with filter settings -@mixin filters($source) { - filter: #{'grayscale(' + map-get($source, grayscale) + ')'} sepia(map-get($source, sepia)) #{'invert(' + map-get($source, invert) + ')'} brightness(map-get($source, brightness)) contrast(map-get($source, contrast)) #{'saturate(' + map-get($source, saturate) + ')'} blur(map-get($source, blur)); -} - -/// Create hover shadow effect -@mixin hover-shadow { - transition: all 0.1s ease-in-out; - &:hover { - text-shadow: 0 0 1px; - text-decoration: none !important; - } -} - -/// Create hover cutout effect -@mixin hover-cutout { - background: transparent; - color: #fff; - mix-blend-mode: screen; - transform: translateZ(0); - &:hover { - background: #fff; - color: #000; - } -} diff --git a/src/modals/addServerModal.scss b/src/modals/addServerModal.scss deleted file mode 100644 index d458bbe..0000000 --- a/src/modals/addServerModal.scss +++ /dev/null @@ -1,72 +0,0 @@ -/* ADD SERVER MODAL */ - -// MAIN PAGE -%themeLight { - %addServerContainer { - %defaultColor { - color: #fff; - } - %addServerSubtitle { - color: hsla(0, 0%, 100%, 0.7) !important; - } - } - -} -%addServerOption { - background-color: $main-color; - &:hover { - background-color: $hover-color; - } - %addServerOptionText { - color: #fff; - } - %addServerOptionArrow{ - filter: brightness(0) invert(1); - } -} - -// CREATE SERVER -%themeLight { - .subtitle_a75f7f, - .optionHeader-27AHfD { - color: hsla(0, 0%, 100%, 0.7) !important; - } - .iconContainer_cd2671 > svg > circle { - fill: $main-color; - } - .skip_f687eb { - color: hsla(0, 0%, 100%, 0.7) !important; - } -} -.backButton__576ea { - %buttonContents { - color: hsla(0, 0%, 100%, .7); - &:hover { - color: #fff; - text-decoration: underline; - } - } -} - -// JOIN SERVER -%themeLight { - .input__0c269 { - background-color: transparent; - } - .sampleLink__771c4 { - color: $main-color; - font-weight: 500; - } -} -.rowContainer__6f4c6 { - background-color: $main-color; - &:hover { - background-color: $hover-color; - } - .rowText_e87737 { - color: #fff; - } - .rowArrow_d97795 { - filter: brightness(0) invert(1); - } -} \ No newline at end of file diff --git a/src/modals/eventModal.scss b/src/modals/eventModal.scss deleted file mode 100644 index ede8497..0000000 --- a/src/modals/eventModal.scss +++ /dev/null @@ -1,75 +0,0 @@ -/* EVENT MODAL */ -%eventHeader { - background-color: transparent; -} -%eventIconCircle { - background-color: $main-color; -} -%eventCard { - &:hover { - background-color: hsla(0, 0%, 0%, 0.4); - border: 2px solid $hover-color; - } - background-color: hsla(0, 0%, 0%, 0.4); - border: 2px solid $main-color; -} -%eventStatusBrand, -%eventStatusLabel { - color: $main-color; - %eventStatusGreen { - color: cv('colors.success'); - } -} -%eventRSVPCount { - background-color: $main-color; - %eventRSVPIcon, - .colorHeaderSecondary-g5teka { - color: #fff; - } -} - -// EVENT INFO -%eventInfoHeader { - %tabBarItem { - &:hover { - border-bottom-color: $hover-color; - } - &%tabBarItemSelected, - &:active { - border-bottom-color: $main-color; - } - } -} -%eventInfoContentContainer { - background: transparent; -} -%eventInfoIconCircle { - background-color: $main-color; -} - -// CREATE EVENT -%createEventProgressBar { - background-color: hsla(0, 0%, 100%, 0.3); - &%createEventProgressBarSelected { - background-color: $main-color; - } - + .colorMuted_ae2200 { - color: hsla(0, 0%, 100%, 0.3); - } - + .colorBrand_be5f58 { - color: $main-color; - } -} -%createEventCreateStageContainer { - background-color: transparent; -} -%createEventTextInput { - background: transparent; -} -%themeDark %createEventPreviewCard { - background-color: hsla(0, 0%, 0%, 0.4); - border: 2px solid $main-color; -} -%createEventIconContainer { - background-color: $main-color; -} diff --git a/src/modals/keyboardShortcuts.scss b/src/modals/keyboardShortcuts.scss deleted file mode 100644 index 4f95aab..0000000 --- a/src/modals/keyboardShortcuts.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* KEYBOARD SHORTCUTS MODAL */ -%themeDark { - %keyboardShortcutsModal { - background-color: hsla(0, 0%, 0%, 0.5); - } - %keybindCombo { - %keybindShortcutKey { - background: transparent; - border: 1px solid $hover-color; - border-radius: 3px; - box-shadow: inset 0 -4px $main-color; - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - cursor: pointer; - &:hover { - background: $hover-color; - color: #fff; - } - &:active { - border: 1px solid $hover-color; - box-shadow: inset 0 -2px $main-color; - color: hsla(0, 0%, 100%, 0.7); - } - } - } -} diff --git a/src/modals/modal.scss b/src/modals/modal.scss deleted file mode 100644 index 125b403..0000000 --- a/src/modals/modal.scss +++ /dev/null @@ -1,17 +0,0 @@ -/* MODAL */ -%themeDark { - %modal, - %modalRoot { - background: rgba(0, 0, 0, 0.5); - box-shadow: none; - %modalFooter, - %uploadModalFooter, - .formFieldWrapper-2LV3S6, - .guildSidebar__8763f, - .formFieldWrapper-2LV3S6, - .settingsFormFieldWrapper-U99c9i { - background: transparent; - box-shadow: none; - } - } -} diff --git a/src/modals/otherModals.scss b/src/modals/otherModals.scss deleted file mode 100644 index 8970d2c..0000000 --- a/src/modals/otherModals.scss +++ /dev/null @@ -1,208 +0,0 @@ -// MESSAGE DELETION CONFIRMATION -%themeDark .message__04d9f { - background-color: transparent; - box-shadow: 0 0 2px 2px $main-color; -} - -// NOTIFICATIONS SETTINGS -%themeDark .override-1sK4r0:hover { - border-color: $main-color; -} - -// CUSTOM STATUS CLEAR AFTER DURATION -.selectedIcon-19TbzU { - color: var(--interactive-active); -} -.lookFilled-1GseHa { - &.select-1Ia3hD { - background-color: rgba(255, 255, 255, 0.05); - border-color: rgba(0, 0, 0, 0.07); - } -} -.popout-1KHNAq { - background-color: rgba(0, 0, 0, 0.8); - border: none; - border-radius: 4px; -} - -// REACTIONS LIST -%themeDark { - .scroller__5fda0, - .reactors__20ab0 { - background-color: transparent; - } - .reactionDefault__792ef { - margin-bottom: 10px; - } - .reactionSelected__249a7 { - background-color: $main-color; - margin-bottom: 10px; - .colorStandard-21JIj7 { - color: #fff; - } - } -} - -// CHANGE IDENTITY -.upsellCard-11CKVn { - background-color: transparent; -} - -// QUICKSWITCHER -.quickswitcher_a3d29a { - background-color: rgba(0, 0, 0, 0.5); -} -.input__848cd { - background-color: rgba(255, 255, 255, 0.07); -} -.scroller__52ae7 { - background-color: transparent; - margin-top: 10px; - &::-webkit-scrollbar-track { - background-color: transparent !important; - } -} -.result__25f11[aria-selected='true'] { - background: var(--background-modifier-hover); -} - -// DISCORD NITRO PAYMENT -.spinner-1HUPsi { - background-color: transparent; -} -.paymentNote_c68ae0, -.wrapper_dae547, -.body__59737 { - background-color: transparent; -} -.table_e130b5 { - background-color: hsla(0, 0%, 0%, 0.4); -} -.planOptionDiscount__956f7 { - background-color: $main-color; -} -.cardInput__72fe9 { - background-color: hsla(0, 0%, 100%, 0.07); - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); -} -.cardInputFocused__74be1 { - box-shadow: 0 0 2px 2px $main-color; -} - -// SERVER BOOST PAYMENT MODAL -.upsellFooter-1H_OCF { - background: transparent; -} -.icon_ae3492 { - color: #fff; - &:hover { - color: #fff; - background-color: $hover-color; - } -} -%themeDark .iconWrapper__9caa9 { - background: hsla(0, 0%, 0%, 0.4); -} -.actions_cba988 .input-2g-os5 { - box-shadow: none; -} -.subscription-1wJwQk { - background-color: hsla(0, 0%, 0%, 0.5); -} -%themeDark .tierPill-l7DvKo { - background-color: $main-color; -} - -// INVITE FROM WEB BROWSER -%themeDark .contentWrapper__85d37 { - background: hsla(0, 0%, 0%, 0.5); -} -.pillIconOnline_ab6089 { - background-color: var(--online-color); -} -.pillIconTotal__74a04 { - background-color: var(--offline-color); -} - -// TIMEOUT -%themeDark .item-2OyinQ:hover { - background-color: $hover-color; -} -.selectorButtonSelected-1VZ6hz { - background-color: $main-color; -} - -// Tab Help -.tips-39ZVzW { - background-color: hsla(0, 0%, 0%, 0.4); -} -// SWITCH ACCOUNTS -.activeIcon_e452f7 > circle:not([fill^='hsl(0']), -.activeIcon_e452f7 > g > path:not([fill^='hsl(0']) { - fill: $main-color; -} -%themeDark %modalRoot { - %loginAuthBox, - %addAccountFooter { - background-color: transparent; - } -} - -// VERIFY PHONE -%phoneVerification %phoneVerificationInput { - background-color: hsla(0, 0%, 100%, 0.07); -} -%phoneVerification { - background-color: hsla(0, 0%, 100%, 0.07); - border: 1px solid hsla(0, 0%, 100%, 0.07); -} - -// ACTIVITIES -%activityModalHeader, -%activityModalDivider { - background: rgba(0, 0, 0, 0.4); -} -%activityTag { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.5)); -} -%activityItem { - background: rgba(0, 0, 0, 0.4); - border: 2px solid $main-color; - &:hover { - background: rgba(0, 0, 0, 0.4); - box-sizing: border-box; - border: 2px solid $hover-color; - } -} -%activitiesScroller { - background: transparent; -} - -// AUTH MODAL -.authorize__4ddfc { - background-color: transparent; - border-radius: 5px; -} -.scopeTimes__83c10 { - background-color: hsla(0, 0%, 100%, 0.15); -} -.footer__04ee2 { - background-color: transparent; -} - -// SOUNDBOARD MODAL -%soundboard { - background-color: var(--popout-color); - %soundboardSound, - %soundboardGuildSelected { - background-color: $main-color; - } - %soundboardSound { - &:hover { - background-color: $hover-color; - } - } - %soundboardHint { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.3)); - } -} diff --git a/src/modals/screenshare.scss b/src/modals/screenshare.scss deleted file mode 100644 index cc36beb..0000000 --- a/src/modals/screenshare.scss +++ /dev/null @@ -1,38 +0,0 @@ -/* SCREEN SHARE */ -%screenshareSegmentControlOption { - color: hsla(0, 0%, 100%, 0.7); - %themeDark &%screenshareSegmentControlSelected { - color: $main-color; - border-bottom: 2px solid $main-color; - } -} -%screenshareTile { - &:hover { - %screenshareSourceThumbnail { - box-shadow: inset 0 0 0 2px $hover-color; - } - } - %screenshareSourceThumbnail { - &%screenshareSourceSelected { - box-shadow: inset 0 0 0 2px $main-color; - } - } -} -%screenshareCard { - background-color: hsla(0, 0%, 100%, 0.07); - border: 2px solid hsla(0, 0%, 100%, 0.09); -} -%themeDark { - %screenshareSettingsSelector { - background-color: hsla(0, 0%, 100%, 0.07); - border-color: hsla(0, 0%, 100%, 0.09); - &:not(%screenshareSettingsPremiumRequired) { - &:hover { - background-color: $hover-color; - } - &%screenshareSettingsSelected { - background-color: $main-color; - } - } - } -} diff --git a/src/modals/threadModal.scss b/src/modals/threadModal.scss deleted file mode 100644 index e52841c..0000000 --- a/src/modals/threadModal.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* THREAD MODAL */ -%threadModal { - background-color: hsla(0, 0%, 0%, 0.5) !important; - %threadsPopoutContainer { - background-color: transparent; - } -} - -%themeDark %threadModalList %threadModalTabBar %threadModalTab { - color: #fff; - &%threadModalTabActive { - background-color: $main-color; - } - &:hover:not(%threadModalTabActive) { - background-color: hsla(0, 0%, 100%, 0.07); - color: #fff; - } -} - -%threadPreview { - background-color: hsla(0, 0%, 0%, 0.3); - border: 2px solid $main-color; - &:hover { - border: 2px solid $hover-color; - } -} diff --git a/src/modals/userModal.scss b/src/modals/userModal.scss deleted file mode 100644 index 45d3bc6..0000000 --- a/src/modals/userModal.scss +++ /dev/null @@ -1,180 +0,0 @@ -/* USER PROFILE MODAl */ -%userModalOuter { - &%userProfileOuterUnthemed { - background: transparent; - %userModalOverlayBackground { - background-color: hsla(0, 0%, 0%, 0.4); - } - %userModalInner { - background: rgba(0, 0, 0, 0.7); - &::before { - content: ''; - position: absolute; - @include stretch; - background: cv('bg.modal.img') cv('bg.modal.pos') / cv('bg.modal.size') cv('bg.modal.repeat') cv('bg.modal.attach'); - @include filters(cv('bg.modal')); - width: 100%; - height: 100%; - z-index: -1; - } - } - } -} - -%userModalProfileBanner { - -webkit-mask: linear-gradient(to bottom, #000 50%, transparent); - mask: linear-gradient(to bottom, #000 50%, transparent); -} -%userModalBadgeList { - background-color: hsla(0, 0%, 0%, 0.4); -} - -// TAB BAR -%userModalTabBarContainer { - padding: 0 20px; - border-color: hsla(0, 0%, 100%, 0.04); -} -%userModalOuter%userProfileOuterUnthemed %userModalTabBar { - %tabBarItem { - position: relative; - margin: 10px 0 0; - padding: 0 10px; - color: hsla(0, 0%, 100%, 0.5) !important; - transition: color 0.15s ease-in-out; - z-index: 1; - &:before { - content: ''; - position: absolute; - @include stretch; - background: linear-gradient(to top, transparent, hsla(0, 0%, 100%, 0.07) 50%); - border-radius: 3px 3px 0 0; - opacity: 0; - transition: all 0.15s ease-in-out, bottom 0.2s ease-in-out; - z-index: -1; - } - &:after { - content: ''; - position: absolute; - @include pos(100%, 0, 0, 0); - background: rgba(0, 0, 0, 0.25); - border-radius: 3px 3px 0 0; - transition: all 0.2s ease-in-out; - z-index: -1; - } - &:hover, - &[style*='color: rgb(255, 255, 255)'] { - &:before { - opacity: 1; - } - } - &%tabBarItemSelected { - &:after { - top: 0; - animation: cv-slide-top 0.2s ease-in-out; - } - &:before { - bottom: 100%; - animation: cv-slide-bottom 0.2s ease-in-out reverse; - } - } - } -} -%userModalOuter { - &%userProfileOuterUnthemed { - %userModalTabBar { - %tabBarItem { - &:hover { - border-bottom-color: $hover-color; - } - &%tabBarItemSelected { - border-bottom-color: $main-color; - } - } - } - } -} - -// BODY -%userModalOuter%userProfileOuterUnthemed { - %userModalInfoSection { - + %userModalInfoSection { - border-color: hsla(0, 0%, 100%, 0.04); - } - > %userModalInfoSectionHeader { - color: hsla(0, 0%, 100%, 0.7); - } - } -} -%userModalConnectedAccounts { - %userModalConnectedAccountContainer { - position: relative; - background: hsla(0, 0%, 100%, 0.04); - border-color: transparent; - border-radius: 5px; - transition: all 0.15s ease-in-out; - &:hover { - background: hsla(0, 0%, 100%, 0.07); - %userModalConnectedAccountOpenIcon { - opacity: 0.7; - } - } - &:active { - transform: scale(0.95); - } - } -} -%userModalConnectedAccountVerifiedIcon { - background: url(https://clearvision.github.io/icons/verified.svg) center/18px no-repeat; - opacity: 0.5; - z-index: 1; - %flowerStar { - opacity: 0; - } - %flowerStarChild { - display: none; - } -} -%userModalConnectedAccountOpenIcon { - background: url(https://clearvision.github.io/icons/popout.svg) center/18px no-repeat; - opacity: 0.3; - transition: all 0.15s ease-in-out; - transform: none; - > polygon { - display: none; - } -} - -// LIST -%userModalOuter%userProfileOuterUnthemed %userModalListScroller { - %userModalListRow { - position: relative; - color: hsla(0, 0%, 100%, 0.5); - transition: all 0.15s ease-in-out; - z-index: 1; - &:after { - content: ''; - position: absolute; - @include stretch; - background: linear-gradient(to right, transparent, hsla(0, 0%, 100%, 0.04) 10%, hsla(0, 0%, 100%, 0.04) 90%, transparent); - opacity: 0; - transition: inherit; - z-index: -1; - } - &:hover { - background: transparent; - color: hsla(0, 0%, 100%, 0.7); - &:after { - opacity: 1; - } - } - &:active { - transform: scale(0.97); - } - } -} -// ACTIVITY -%userModalOuter%userProfileOuterUnthemed { - %userProfileActionColor { - background-color: $main-color; - } -} \ No newline at end of file diff --git a/src/pages/appDirectory.scss b/src/pages/appDirectory.scss deleted file mode 100644 index 3380ee2..0000000 --- a/src/pages/appDirectory.scss +++ /dev/null @@ -1,82 +0,0 @@ -/* APP DIRECTORY */ -%themeDark %directoryContainer { - background: transparent; - &:before { - content: ''; - @include stretch; - position: fixed; - z-index: -1; - background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach'); - @include filters(cv('bg.app')); - } -} - -// HOME PAGE -%directoryCategory { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); - &:hover { - background: $hover-color; - } -} -%directoryCard, -%directoryNewToApps { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); -} -%directoryListCard { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); - &%directoryCardClickable:hover { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.6)); - color: #fff; - %textMediumNormal { - color: #fff; - } - } -} -%directoryFooter { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)); -} - -// SEARCH -%themeDark { - %directorySearchBar { - background: hsla(0, 0%, 100%, 0.07) !important; - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &:focus-within { - box-shadow: 0 0 2px 2px $main-color; - transition: all 0.15s ease-in-out; - } - %input { - color: #fff; - box-shadow: none; - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - } -} -%directorySearchCategoryActive { - background: $main-color; -} - -// APP PAGE -%directoryAppCategory { - background-color: hsla(0, 0%, 100%, 0.1); - &:hover { - background-color: hsla(0, 0%, 100%, 0.15); - } -} -%directoryAppSupportServer { - background-color: hsla(0, 0%, 0%, 0.6); -} -%directoryAppCommandList, -%directoryAppPermissionList, -%directoryAppIntentList, -%directoryAppPremiumCardHeader, -%directoryAppPremiumContainer { - background: hsla(0, 0%, 0%, 0.4); -} -%directoryAppCommand { - background: transparent; - border: 1px solid $main-color; -} diff --git a/src/pages/discordShop.scss b/src/pages/discordShop.scss deleted file mode 100644 index 320e0e6..0000000 --- a/src/pages/discordShop.scss +++ /dev/null @@ -1,27 +0,0 @@ -/* DISCORD SHOP */ - -%shop { - background-color: transparent; -} - -// LOADING -%shopLoadingSkeleton { - background-color: hsla(0, 0%, 100%, 0.07); -} -%shopLoadingBanner, -%shopLoadingCard { - background-color: hsla(0, 0%, 0%, 0.4); -} -%shopLoadingCardContent { - background-color: hsla(0, 0%, 100%, 0.07); -} - -// CONTENT -%shopChatPreview { - left: 0; - bottom: 0; - margin: 10px auto 0 auto; -} -%shopMockInput { - background-color: hsla(0, 0%, 100%, 0.07); -} diff --git a/src/pages/discover.scss b/src/pages/discover.scss deleted file mode 100644 index 466102a..0000000 --- a/src/pages/discover.scss +++ /dev/null @@ -1,103 +0,0 @@ -/* SERVER DISCOVER */ -%base { - %pageWrapper, - %hubDiscoverScroller { - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.5)); - } -} - -// SIDEBAR -%discoverCategoryItem { - &%discoverCategoryItemSelected { - %discoverCategoryItemInner { - background-color: $main-color; - } - } -} - -// SEARCH BOX -%discoverSearch { - %discoverSearchBox { - background: hsla(0, 0%, 0%, 0.6); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &:focus-within { - border: none; - box-shadow: 0 0 2px 2px $main-color; - } - %input { - border: none; - box-shadow: none; - } - %discoverSearchBoxInput { - color: var(--text-normal); - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - %discoverSearchBoxIconSearch { - color: $main-color; - } - } - %discoverSearchPage & { - %discoverSearchBox { - background: hsla(0, 0%, 100%, 0.07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &:focus-within { - border: none; - box-shadow: 0 0 2px 2px $main-color; - } - %input { - border: none; - box-shadow: none; - } - %discoverSearchBoxInput { - color: var(--text-normal); - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - } - } -} - -// GUILD LIST -%themeDark { - %discoverGuildCard, - %discoverHubCard, - %discoverGuildCardIcon { - background-color: hsla(0, 0%, 0%, 0.4); - transition: all 0.15s ease-in-out; - &:hover, - &:hover %discoverGuildCardIcon { - background-color: hsla(0, 0%, 0%, 0.6); - } - } -} -%discoverGuildCardLoading { - background-color: transparent; -} -%discoverGuildList { - %spinner { - background-color: hsla(0, 0%, 0%, 0.8); - } -} -%discoverGuildStatusOnline { - background-color: cv('colors.online'); -} -%discoverGuildStatusOffline { - background-color: cv('colors.offline'); -} - -// SEARCH CATEGORY -%categoryPill { - &%categoryPillSelected { - background-color: $main-color; - } -} - -// EMPTY RESULTS -%discoverEmptyResults { - background-color: hsla(0, 0%, 0%, 0.6); -} diff --git a/src/pages/forums.scss b/src/pages/forums.scss deleted file mode 100644 index 011573b..0000000 --- a/src/pages/forums.scss +++ /dev/null @@ -1,268 +0,0 @@ -/* FORUMS */ -// main container -%themeDark %forumContainer { - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.3)); -} -// HEADER -%forumHeader { - background-color: transparent; -} - -// SEARCH -%forumSearch { - font-family: var(--main-font); - font-weight: 300; - padding: 0 5px 0 5px; - border-radius: 4px; -} -%forumSearchRow { - background-color: rgba(0, 0, 0, 0.3); -} - -// NEW POST -%forumUploadButton { - background: $main-color; - transition: all 0.15s ease-in-out; - &:hover { - background: $hover-color; - transition: all 0.15s ease-in-out; - } -} -%forumUploadIcon { - color: #fff; -} - -// BE THE FIRST TO START A CONVERSATION -%forumFirstIcon { - background: $main-color; -} - -// GET STARTED -%forumSetupContainer { - background-color: hsla(0, 0%, 0%, 0.4); -} -%forumSetupStepContainer { - background-color: hsla(0, 0%, 100%, 0.07); - border: 2px solid $main-color; - &:hover { - background-color: hsla(0, 0%, 100%, 0.09); - border: 2px solid $hover-color; - } -} -%forumSetupStepStatus { - background-color: transparent !important; -} - -// GALLERY VIEW -%forumCardContainer { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.3)); - border: 2px solid $main-color; - &:hover { - background: rgba(0, 0, 0, calc(var(--background-shading) * 0.3)); - border: 2px solid $hover-color; - } - &%forumOpen { - background-color: hsla(0, 0%, 100%, 0.1); - border-color: $main-color; - } - &%forumCardOpen { - background: hsla(0, 0%, 0%, 0.3); - border: 2px solid var(--success-color); - } -} -%forumContentPreview { - background-color: hsla(0, 0%, 100%, 0.05); - border-color: hsla(0, 0%, 100%, 0.09); -} - -// LIST VIEW -%themeDark { - %forumListContainer, - %forumIncreasedCard { - background: hsla(0, 0%, 0%, 0.3); - border: 2px solid $main-color; - &:hover { - background: hsla(0, 0%, 0%, 0.3); - border: 2px solid $hover-color; - } - &%forumListOpen { - background: hsla(0, 0%, 0%, 0.3); - border: 2px solid var(--success-color); - } - } -} -// fix the increased view's new reply feature -%forumIncreasedReplyPreview { - background-color: hsla(0, 0%, 100%, 0.05); - border-color: 2px solid $main-color; - &:hover { - background-color: hsla(0, 0%, 100%, 0.05); - border-color: 2px solid $hover-color; - } -} - -// SHARED -%forumCardName { - color: #fff !important; -} -%forumPinIcon { - background-color: $main-color; -} -%forumLoading { - background: hsla(0, 0%, 0%, 0.3); -} - -// TAGS -%themeDark %forumTag, -%themeDark %forumIncreasedTag { - background: rgba(0, 0, 0, .6); - border: 2px solid $main-color; - &%forumTagClickable:not(%forumTagDisabled):hover { - background: transparent; - border: 2px solid $hover-color; - } - &%forumTagSelected { - border: 2px solid var(--success-color); - } -} -%themeDark %forumIncreasedTag { - border-radius: 20px; - height: 32px; - width: fit-content; - text-align: center; - padding: 0 10px; -} - - -// tag box etc -%forumTagBox { - background: rgba(0, 0, 0, 0.7); - %forumTagBoxCount { - background-color: $main-color; - } - %forumTagClear { - color: $main-color; - &:hover { - color: $hover-color; - } - } -} -%forumTagSelectedCount { - background: $main-color; -} -%forumSortDropdownButton { - background-color: $main-color; - %forumSortDropdownButtonInner, - %forumSortDropdownButtonText { - color: #fff !important; - } -} -%forumSortDropdownContainer { - background-color: transparent; -} -%forumTagButton { - background-color: rgba(0, 0, 0, 0.3); - %forumTagButtonInner { - color: #fff; - } -} -%themeDark %forumContentFooter { - background: transparent; -} - -// RULES -%forumRules { - background: rgba(0, 0, 0, 0.3); - border: 2px solid $main-color; - %forumRulesDesc { - background: rgba(0, 0, 0, 0.3); - } - %forumRulesGradient { - background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); - } - %forumRulesLinkContainer { - background: rgba(0, 0, 0, 0.8); - } - %headingLargeBold, - %headingLargeSemibold { - color: $main-color; - &:hover { - color: $hover-color; - } - } -} - -// CHAT -%forumChat { - background: transparent; -} -%forumChatIcon { - background: $main-color; -} -%forumChatHead, -%forumChatDivider, -%forumChatStartBox { - background-color: transparent; -} -%forumMessageButton { - background-color: hsla(0, 0%, 100%, 0.05); - border-radius: 3px; - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.2); - border-color: hsla(0, 0%, 100%, 0.2); - color: #fff; - } - &%forumFollowActive { - color: $main-color; - &:hover { - color: $hover-color; - } - } -} - -// admin/creation -%themeDark %forumSettingsGuidelinesToolbar { - background: hsla(0, 0%, 0%, 0.6); - > %channelTextArea { - border-radius: 0 0 8px 8px; - } -} - -// EMPTY FORUM -%forumEmpty { - background-color: transparent; -} -%forumEmptyCTA { - color: $main-color; - %themeDark &:hover { - color: $hover-color; - } -} - -// EXAMPLE -%forumExample, -%forumExamplePreviewContainer { - background-color: transparent; -} -%forumExampleTag, -%forumExamplePost, -%forumExamplePreview { - background-color: hsla(0, 0%, 100%, 0.09); -} -%forumExamplePreviewPostIcon, -%forumExamplePreviewBottomSeparator { - background-color: transparent; -} -%forumExamplePreviewInput { - background-color: hsla(0, 0%, 0%, 0.4); -} - -// new posts button -%forumNewPosts { - background: rgba( 0, 0, 0, .4); - border: 2px solid $main-color; - %textMediumMedium { - color: $main-color !important; - } -} \ No newline at end of file diff --git a/src/pages/login.scss b/src/pages/login.scss deleted file mode 100644 index d5930ad..0000000 --- a/src/pages/login.scss +++ /dev/null @@ -1,24 +0,0 @@ -/* LOGIN PAGE */ -%themeDark %loginAuthBox { - background-color: hsla(0, 0%, 0%, .8); - a { - color: var(--url-color); - } -} -%loginAccountsList { - background-color: hsla(0, 0%, 100%, .07); -} -%loginStartOverButton { - color: var(--url-color); -} -%loginVerificationContainer { - background-color: transparent; -} -%createAccountDate { - background-color: hsla(0, 0%, 100%, .07); -} -%createAccountDateDropdown { - background-color: hsla(0,0%,0%,.8); - border: none; - box-shadow: 0 0 10px rgb(0 0 0 / 50%); -} \ No newline at end of file diff --git a/src/pages/previewServer.scss b/src/pages/previewServer.scss deleted file mode 100644 index 13ac2fb..0000000 --- a/src/pages/previewServer.scss +++ /dev/null @@ -1,89 +0,0 @@ -/* PREVIEW SERVER */ - -// WELCOME MODAL -.optionContainer__5d0b1 { - background-color: $main-color; - &:hover { - background-color: $hover-color; - } - .optionArrow__4c748 { - color: #fff; - } -} -.channelIcon__1565e { - background-color: transparent; -} - -%themeDark .notice__99c03 { - background-color: transparent; -} -.notice__99c03 .header__72166::before { - content: ''; - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - background-color: $main-color; - opacity: 0.6; - pointer-events: none; - z-index: -1; - border-radius: 3px; -} - -.container_d4b118 { - background-color: rgba(0, 0, 0, 0.8); -} - -// TOP BAR JOIN AND BACK BUTTON -.button__671cf:hover { - background-color: $hover-color; -} - -// WELCOME TO SERVER CARDS -%serverWelcomeCards { - background-color: hsla(0, 0%, 0%, 0.4); -} -%serverInviteTick { - background-color: $main-color; -} - -// SERVER STATUS (E.G. PUBLIC OR PRIVATE) -.communityInfoPill_d3f445 { - background: rgba(0, 0, 0, 0.6); -} - -// Nyx's fixes -.container__92dc8, -.container_acafc1 { - background: transparent; -} -.icon_f71c55 { - border: 4px solid transparent; -} -.interactiveCard_d5a839, -.interactiveCard_d5a839.selected__715e8 { - border: 1px solid $main-color; -} -.interactiveCard_d5a839:active, -.interactiveCard_d5a839:hover { - border: 1px solid $hover-color; -} -.card_d4f6c7 { - background: rgba(0, 0, 0, 0.4); -} -%previewServerIconContainer { - background: $main-color; - color: #fff; -} -.container__16581:hover { - background: $hover-color; -} -.conversationRoot__11fa6:after, -.replySpine_ed1feb { - border-left: 2px solid $main-color; -} -.conversationMessage__0d40e:after { - border-left: 2px solid $main-color; - border-bottom: 2px solid $main-color; -} diff --git a/src/pages/serverBoost.scss b/src/pages/serverBoost.scss deleted file mode 100644 index 323b5b0..0000000 --- a/src/pages/serverBoost.scss +++ /dev/null @@ -1,38 +0,0 @@ -/* SERVER BOOST */ -%themeDark { - .perksModal-CLcR1c { - background-color: transparent; - } - .ctaBar-Nhk8yY { - background-color: hsla(0, 0%, 0%, 0.4); - .guildIcon-2xKEtM { - background-color: transparent; - } - .badgeIconWithoutSubscribers-1hjTfX { - color: #fff; - opacity: 0.8; - } - .giftIcon-2kmx1K { - color: currentColor; - } - } - .tierMarkerBackground-G8FoN4 { - background-color: transparent; - } - .tierMarkerInProgress-2Tdxjz, - .barBackground-unEPDT { - background-color: hsla(0, 0%, 0%, 0.4) !important; - } - .tierBody-3ju-rc, - .tierHeaderLocked-3ItHYn, - .perk-19D_HN { - background-color: hsla(0, 0%, 0%, 0.4); - } - .tierHeaderLocked-3ItHYn { - color: hsla(0, 0%, 100%, 0.7); - } - .tierLock-1uBqZ0 { - color: #fff; - opacity: 0.3; - } -} diff --git a/src/pages/studentHub.scss b/src/pages/studentHub.scss deleted file mode 100644 index 8a88fa7..0000000 --- a/src/pages/studentHub.scss +++ /dev/null @@ -1,100 +0,0 @@ -/* STUDENT HUBS */ -%base { - %hubContainer { - background: rgba(0, 0, 0, calc(#{cv('bg.app.shading')} * 0.5)); - } -} - -// HUB SIDEBAR -%hubCategoryItem { - &%hubCategoryItemSelected { - %hubCategoryItemLayout { - background-color: $main-color; - } - } -} -%hubCategoryItemIcon > svg > path { - fill: var(--interactive-active); -} - -// SERVER LIST -%hubTabBar { - margin-bottom: 0; -} -%hubCard { - background-color: hsla(0, 0%, 0%, 0.4); - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 0%, 0.6); - } - %hubCardIconMask { - background-color: rgba(0, 0, 0, 0.4); - transition: all 0.15s ease-in-out; - } - %hubCardIcon { - background-color: $main-color; - color: #fff; - } -} -%hubSplash { - background: transparent; -} - -// SEARCH BOX -%hubHeader { - %searchBox { - background: hsl(247, 55%, 24%); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &:focus-within { - border: none; - box-shadow: 0 0 2px 2px $main-color; - } - %input { - border: none; - box-shadow: none; - } - %searchBoxInput { - color: var(--text-normal); - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - %searchBoxIconSearch { - color: $main-color; - } - %searchBoxCloseIcon { - color: $main-color; - &:hover { - color: $hover-color; - } - } - } -} -%searchHubHeader { - %searchPageBox { - background: hsla(0, 0%, 100%, 0.07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &:focus-within { - border: none; - box-shadow: 0 0 2px 2px $main-color; - } - %input { - border: none; - box-shadow: none; - } - %searchBoxInput { - color: var(--text-normal); - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - %searchBoxCloseIcon { - color: $main-color; - &:hover { - color: $hover-color; - } - } - } -} diff --git a/src/popouts/connectionInfo.scss b/src/popouts/connectionInfo.scss deleted file mode 100644 index bb075ea..0000000 --- a/src/popouts/connectionInfo.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* CONNECTION INFO POPOUT */ -%popoutLayer { - %connectionInfo { - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); - > section { - background: rgba(0, 0, 0, 0.7); - border-radius: 0 0 3px 3px; - > p { - color: hsla(0, 0%, 100%, 0.5); - > strong { - color: $main-color; - } - } - } - } -} -%connectionInfo { - > section { - %connectionInfoBottom { - > a { - color: $main-color; - @include hover-shadow; - } - } - } -} diff --git a/src/popouts/emojiPicker.scss b/src/popouts/emojiPicker.scss deleted file mode 100644 index 442fd15..0000000 --- a/src/popouts/emojiPicker.scss +++ /dev/null @@ -1,157 +0,0 @@ -/* EMOJI PICKER */ - -%emojiPickerSizer { - min-width: 430px; -} -%emojiPickerWrapper { - background-color: rgba(0, 0, 0, 0.8); - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -// NAV BAR -%emojiPickerNavButton { - background-color: $main-color; -} - -%emojiPicker { - background-color: rgba(0, 0, 0, 0.8); - min-width: 430px; - border-radius: 0; -} -%emojiPickerHeader { - background-color: rgba(0, 0, 0, 0.8); -} - -// SEARCH BAR -%emojiPickerSearchBar { - background-color: hsla(0, 0%, 100%, 0.07); - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - margin-top: 2px; - &:focus-within { - box-shadow: 0 0 2px 2px $main-color; - transition: all 0.15s ease-in-out; - %popoutInput { - color: #fff; - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - } -} - -// DIVERSITY SELECTOR -%emojiPickerDiversitySelectorPopout { - border: none; - padding: 2px; - background-color: hsla(0, 0%, 0%, 0.8); - %emojiPickerDiversityItem { - border-radius: 3px; - transition: all 0.15s ease-in-out; - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - } - } -} - -// EMOJI ITEM -%emojiPickerCategoryHeaderWrapper { - background-color: transparent; - %emojiPickerCategoryHeader { - color: #fff; - } -} -%emojiPickerItem { - border-radius: 3px; - transition: all 0.15s ease-in-out, filter 0s; - &%emojiPickerItemSelected { - background-color: hsla(0, 0%, 100%, 0.07); - } - &%emojiPickerItemDisabled { - filter: grayscale(1); - } -} -%emojiPickerItemLoading { - %themeDark & { - background-image: none; - } -} -%emojiPickerInspector { - background-color: transparent; -} - -// CATEGORIES -%emojiCategoryList, -%emojiCategoryListWrapper { - background-color: transparent; -} -%emojiCategoryItem { - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - border-radius: 4px; - } - &%emojiCategoryItemSelected { - background-color: hsla(0, 0%, 100%, 0.07); - border-radius: 4px; - } -} -%emojiCategoryItemIcon { - color: hsla(0, 0%, 100%, 0.7); - %emojiCategoryItemSelected & { - color: #fff; - } -} -%emojiCategoryGuildIcon { - background-color: transparent; -} -%emojiCategoryUnicodeShortcut { - background-color: $main-color; - svg { - color: hsla(0, 0%, 100%, 0.9); - } - &:hover { - background-color: $hover-color; - svg { - color: #fff; - } - } -} - -// NO NITRO -.premiumPromo__2d678 { - background-color: hsla(0, 0%, 0%, 0.9); -} -.premiumPromoClose__11b8f { - filter: brightness(0) invert(1); - opacity: 0.6; - &:hover { - opacity: 0.8; - } -} -.premiumPromoTitle__68b72 { - color: #fff; -} -.premiumPromoTitle__68b72 { - color: hsla(0, 0%, 100%, 0.7); -} -.notice-1Qe0b_ { - background-color: transparent; -} -.upsell__780f6 { - background-color: transparent; -} -.perks-2IIbWQ { - background-color: transparent; -} -.perkRow-10K6XE { - border-bottom: none; -} - -// REACTIONS -.contentWrapper_eab878 { - background-color: rgba(0, 0, 0, 0.8); - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -.navButtonActive_b003de { - background-color: $main-color; -} diff --git a/src/popouts/gifPicker.scss b/src/popouts/gifPicker.scss deleted file mode 100644 index 5a00190..0000000 --- a/src/popouts/gifPicker.scss +++ /dev/null @@ -1,109 +0,0 @@ -/* GIF PICKER */ - -%gifPickerHeader { - // SEARCH - %gifPickerSearchBar { - background-color: hsla(0, 0%, 100%, 0.07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - margin-top: 2px; - &:focus-within { - box-shadow: 0 0 2px 2px $main-color; - transition: all 0.15s ease-in-out; - } - %gifPickerSearchInput { - color: #fff; - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } - } - %gifPickerSearchIcon, - %gifPickerSearchBackButton { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - &:hover { - color: #fff; - } - } -} -%gifPickerContent { - // CATEGORIES - %gifPickerCategoryFade, - %gifPickerCategoryFadeBlurple { - transition: all 0.15s ease-in-out; - } - %gifPickerCategoryFade { - &:hover { - background: rgba(0, 0, 0, 0.7); - } - } - %gifPickerCategoryFadeBlurple { - background: transparent; - &:hover { - background: transparent; - } - &:after { - content: ''; - width: 100%; - height: 100%; - display: block; - background: $main-color; - border-radius: 4px; - opacity: 0.7; - } - } - %gifPickerCategoryText { - color: #fff; - filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7)); - } - - // RESULTS - %gifPickerResult { - &:after { - transition: all 0.15s ease-in-out; - } - &[style*='background-color:'] { - background: $main-color !important; - } - &[style*='background-color: rgb(179, 174, 255)'] { - filter: brightness(1.3); - } - &[style*='background-color: rgb(115, 142, 245)'] { - filter: grayscale(0.3); - } - &[style*='background-color: rgb(146, 154, 250)'] { - filter: brightness(0.7); - } - } - %gifPickerResult:hover { - &:after { - box-shadow: inset 0 0 0 2px $main-color, inset 0 0 0 3px rgba(0, 0, 0, 0.3); - } - } - - // ARROW KEY SELECTION OUTLINE - .theme-dark .focused__036ed:after, - .theme-dark .result_e1fc74:hover:after { - box-shadow: inset 0 0 0 2px $main-color, inset 0 0 0 3px rgba(0, 0, 0, 0.7); - } - - // HINT CARD - %gifPickerEmptyHintCard { - background: hsla(0, 0%, 100%, 0.04); - color: hsla(0, 0%, 100%, 0.5); - } - - // END CONTAINER - %gifPickerEndContainer { - &:after { - filter: grayscale(1) brightness(0.7); - opacity: 0.3; - } - } -} - -//Search Suggestion -.searchSuggestion__5559d { - background: hsla(0, 0%, 100%, 0.04); -} diff --git a/src/popouts/groupInvite.scss b/src/popouts/groupInvite.scss deleted file mode 100644 index e883d4e..0000000 --- a/src/popouts/groupInvite.scss +++ /dev/null @@ -1,51 +0,0 @@ -/* GROUP INVITE POPOUT */ -%themeDark { - %groupInvitePopout { - &%modalRoot { - background-color: hsla(0, 0%, 0%, 0.8); - } - } -} - -// SEARCH -%groupInvitePopoutSearchBar { - %groupInvitePopoutSearchContainer { - background-color: hsla(0, 0%, 100%, 0.07); - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.09); - } -} -%groupInvitePopoutSearchTag { - background: $main-color; - color: #fff; -} - -// FRIEND -%groupInvitePopoutFriend { - transition: all 0.15s ease-in-out; - %themeDark &%groupInvitePopoutFriendSelected { - background: hsla(0, 0%, 100%, 0.1); - %groupInvitePopoutNickname { - color: #fff; - } - %groupInvitePopoutDiscordTag { - color: hsla(0, 0%, 100%, 0.5); - } - %groupInvitePopoutCheckbox { - background: hsla(0, 0%, 100%, 0.1); - } - } -} -%groupInvitePopoutNickname { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; -} -%groupInvitePopoutDiscordTag { - color: hsla(0, 0%, 100%, 0.3); - opacity: 1; - transition: all 0.15s ease-in-out; -} - -// FOOTER -%groupInvitePopoutFooterSeparator { - box-shadow: 0 -1px 0 hsla(0, 0%, 100%, 0.04); -} diff --git a/src/popouts/mentionEveryone.scss b/src/popouts/mentionEveryone.scss deleted file mode 100644 index de4decb..0000000 --- a/src/popouts/mentionEveryone.scss +++ /dev/null @@ -1,8 +0,0 @@ -%themeDark { - .contentWarningPopout__7d8c2 { - background-color: rgba(0, 0, 0, 0.8); - } - .footer__36118 { - background-color: transparent; - } -} diff --git a/src/popouts/menuPopout.scss b/src/popouts/menuPopout.scss deleted file mode 100644 index 027976d..0000000 --- a/src/popouts/menuPopout.scss +++ /dev/null @@ -1,138 +0,0 @@ -/* MENU POPOUT */ -%menuPopout { - background-color: rgba(0, 0, 0, 0.8); - animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 50% 0; - %menuPopoutItem { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - &%menuPopoutItemHover { - background-color: $hover-color; - color: #fff; - %menuPopoutCheckbox, - %menuPopoutRadio { - color: #fff; - } - %menuPopoutCheck { - color: $main-color; - } - } - &%menuPopoutSelected:active:not(%menuPopoutHideInteraction) { - background-color: $hover-color; - color: #fff; - border-color: $hover-color; - } - %menuPopoutCheckbox, - %menuPopoutRadio { - color: $main-color; - } - } - %menuPopoutItemInvite { - color: $main-color; - } - %menuPopoutItemDanger { - color: var(--danger-color); - &%menuPopoutItemHover { - background-color: var(--danger-color); - color: #fff; - %menuPopoutIcon { - transform: rotateY(180deg); - transition: all 0.15s ease-in-out; - } - } - } -} - -// QUICK REACTIONS -%quickReactButton { - background-color: transparent; - &%quickReactButtonFocused, - &:hover { - background-color: transparent; - } - &%quickReactButtonFocused { - box-shadow: 0 0 2px 2px $hover-color; - } -} -.premiumUpsell_e1bfd9 { - background-color: transparent; -} - -// CHANNEL THREAD MENU -%channelThreadPopout { - background-color: hsla(0, 0%, 0%, 0.8); - %channelThreadPopoutRow:hover { - background-color: $hover-color; - } - %channelThreadPopoutMore { - color: $main-color; - } -} - -// HELP US UNDERSTAND WHY YOU'RE DELETING THIS SERVER -%serverDeleteReasonOption { - color: #fff; - background: $main-color; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.08); - transition: all 0.15s ease-in-out; - &:hover { - background: $hover-color; - } -} -%deleteServerCheckbox { - %deleteServerCheckboxInner { - %deleteServerCheckboxElement { - &:checked + span { - background-color: $main-color; - border-color: $main-color; - } - } - } -} - -// STATUS PICKER -%menuPopoutItem { - &#account-status-picker--online { - &:not(%menuPopoutItemHover) { - %statusPickerIcon { - background-color: var(--online-color); - } - } - &%menuPopoutItemHover { - background-color: var(--online-color); - } - } - &#account-status-picker--idle { - &:not(%menuPopoutItemHover) { - %statusPickerIcon { - background-color: var(--idle-color); - } - } - &%menuPopoutItemHover { - background-color: var(--idle-color); - } - } - &#account-status-picker--dnd { - &:not(%menuPopoutItemHover) { - %statusPickerIcon { - background-color: var(--dnd-color); - } - } - &%menuPopoutItemHover { - background-color: var(--dnd-color); - } - } - &#account-status-picker--invisible { - &:not(%menuPopoutItemHover) { - %statusPickerIcon { - background-color: var(--offline-color); - } - } - &%menuPopoutItemHover { - background-color: var(--offline-color); - } - } - %userPopoutBodyInnerWrapper { - background-color: transparent; - } -} diff --git a/src/popouts/messagesPopout.scss b/src/popouts/messagesPopout.scss deleted file mode 100644 index 46e0c88..0000000 --- a/src/popouts/messagesPopout.scss +++ /dev/null @@ -1,165 +0,0 @@ -/* MESSAGES POPOUT AKA. INBOX */ - -/* MESSAGES POPOUT */ -%messagesPopoutWrap, -%recentMentionsPopout { - background-color: var(--popout-color); - animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 50% 0; - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -%messagesPopoutHeader, -%messagesPopoutFooter { - background-color: transparent; -} - -// TAB BAR -%themeDark %messagesPopoutHeader %messagesPopoutTabBar %messagesPopoutTab { - color: #fff; - &%messagesPopoutTabActive { - background-color: $main-color; - } - &:hover:not(%messagesPopoutTabActive) { - background-color: hsla(0, 0%, 100%, 0.06); - color: #fff; - } -} - -// CHANNEL HEADER -%messagesPopoutChannelHeader { - background: hsla(0, 0%, 0%, 0.8); - padding-right: 10px; - padding-left: 20px; -} -.guildIcon_cccd03 { - background-color: transparent; -} - -// PINNED MESSAGES -%pinnedMessageGroupWrapper { - margin: 0; - background-color: transparent; - border: none; - border-bottom: solid 1px hsla(0, 0%, 100%, 0.04); - border-radius: 0; - transition: all 0.15s ease-in-out; - &:last-child { - border-bottom: none; - } - + %pinnedMessageGroupWrapper { - margin-top: -1px; - } -} -%pinnedJumpButton { - background-color: $main-color; - color: #fff; - &:hover { - background-color: $hover-color; - color: #fff; - } -} - -// RECENT MENTIONS MESSAGES -%recentMentionsContainer { - margin: 0; - background-color: transparent; - border: none; - border-bottom: solid 1px hsla(0, 0%, 100%, 0.08); - border-radius: 0; -} -%recentMentionsMessagesContainer { - background: transparent; - padding-right: 10px; - padding-left: 20px; -} -%recentMentionsJumpButton { - background-color: $main-color; - %recentMentionsJumpButtonText { - color: #fff; - } - &:hover { - background-color: $hover-color; - %recentMentionsJumpButtonText { - color: #fff; - } - } -} -%recentMentionsIcon { - background-color: $main-color; - color: #fff; -} - -// UNREAD MESSAGES -%unreadTutorial { - background: transparent; - border-bottom: solid 1px hsla(0, 0%, 100%, 0.08); -} -%unreadTutorialIcon { - background-color: $main-color; - color: #fff; -} -%unreadChannel { - margin: 0; - background-color: transparent; - border: none; - border-bottom: solid 1px hsla(0, 0%, 100%, 0.08); - border-radius: 0; -} -%unreadMessages { - background: transparent; - padding-right: 10px; - padding-left: 20px; -} -%unreadCollapseButton { - padding-left: 9px; -} - -// FOR YOU -%forYouContainer { - background: transparent; -} - -// FRIENDS BUTTON -%friendRequestsButton { - background: $main-color; - &:hover { - background: $hover-color; - } - > svg > g > path { - color: #fff; - } -} - -// FORUM POST -%messagesPopoutThread { - background: rgba(0, 0, 0, 0.1); - border: 2px solid $main-color; - &:hover { - border: 2px solid $hover-color; - } -} - -// INBOX HEADER BAR -%topPill { - %topPillItemThemed { - background-color: transparent; - color: hsla(0, 0%, 100%, 0.5); - transition: all 0.3s ease-in-out; - &:hover { - background-color: rgba(0, 0, 0, 0.5); - color: hsla(0, 0%, 100%, 0.7); - } - &%topPillItemSelected { - &%topPillItem { - background-color: $main-color; - color: #fff; - } - } - } -} - -// DATE -%recentMentionsPopout %dividerDate:after { - background-color: rgba(0, 0, 0, 0.93); -} diff --git a/src/popouts/otherPopouts.scss b/src/popouts/otherPopouts.scss deleted file mode 100644 index 493e387..0000000 --- a/src/popouts/otherPopouts.scss +++ /dev/null @@ -1,80 +0,0 @@ -// EMOJI INFO POPOUT -%emojiInfoContainer { - background-color: rgba(0, 0, 0, 0.8); -} -%emojiInfoTip { - background-color: transparent; -} -%emojiInfoGuild { - background-color: transparent; -} - -// CHAT TOOLBAR -%chatToolbar { - background-color: hsla(0, 0%, 0%, 0.8); - &::before { - border-top: 8px solid hsla(0, 0%, 0%, 0.8); - } -} -%chatToolbarActive, -%chatToolbarHover:hover { - background-color: hsla(0, 0%, 100%, 0.05); -} -%chatToolbarIcon { - color: hsla(0, 0%, 100%, 0.7); -} - -// STREAM POPOUT -%themeDark { - %streamPopoutPreview { - background-color: hsla(0, 0%, 0%, 0.8); - } - %streamPopoutPreviewContainer { - background-color: transparent; - } - %streamPopoutWatchButton { - border-color: $main-color; - color: hsla(0, 0%, 100%, 0.8); - &:not([disabled]):hover { - border-color: $hover-color; - color: #fff; - } - } -} - -// STUDENT HUBS -%hubPopoutSidebar { - background: transparent; -} - -// LEAVE SERVER REASON -%serverLeave { - background-color: transparent; -} -%serverLeaveReason { - %serverDeleteReasonOption { - color: #fff; - background: hsla(0, 0%, 100%, 0.03); - border: 1px solid hsla(0, 0%, 100%, 0.05); - border-top: none; - &:first-child { - border-top: 1px solid hsla(0, 0%, 100%, 0.05); - } - } - &:hover { - background: hsla(0, 0%, 100%, 0.06); - } -} - -// NITRO PROFILE PICTURE UPSELL -/*right popout*/ -%sidebarPFPUpsell { - background: var(--background-overlay); - border-left: 5px solid $main-color; -} - -/*bottom left popout*/ -%userPFPUpsell, -%userPFPUpsellTop { - background: var(--background-overlay); -} \ No newline at end of file diff --git a/src/popouts/regionSelectorPopout.scss b/src/popouts/regionSelectorPopout.scss deleted file mode 100644 index b0da0df..0000000 --- a/src/popouts/regionSelectorPopout.scss +++ /dev/null @@ -1,22 +0,0 @@ -/* Region Selector */ - -.theme-dark .regionSelectPopout__0127b { - background-color: rgba(0, 0, 0, 0.5); - - .quickSelectPopoutOption__39224 { - background-color: transparent; - border: none; - //box-shadow: 0 0 0 2px rgba(255,255,255,0.07); - &.selected { - background-color: $main-color; - } - &:hover { - //box-shadow: 0 0 2px 2px $hover-color; - background-color: $hover-color; - } - - .regionSelectName__7c81f { - color: #fff; - } - } -} diff --git a/src/popouts/searchPopout.scss b/src/popouts/searchPopout.scss deleted file mode 100644 index af5aaa5..0000000 --- a/src/popouts/searchPopout.scss +++ /dev/null @@ -1,233 +0,0 @@ -/* SEARCH POPOUT */ -%themeDark %searchPopout { - background-color: rgba(0, 0, 0, 0.8); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); - animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1) 0.1s backwards; - transform-origin: 50% 0; -} -%searchPopout { - // SEARCH RESULTS GROUP - > %searchPopoutResultsGroup { - &:after { - border-top: 1px solid transparent; - } - + %searchPopoutResultsGroup { - &:after { - border-top-color: hsla(0, 0%, 100%, 0.04); - } - } - > %searchPopoutHeader { - color: $main-color; - font-weight: 700; - } - > %searchPopoutLearnMore, - > %searchPopoutClearHistory { - opacity: 0.5; - transition: all 0.15s ease-in-out; - &:hover { - opacity: 1; - } - > a { - color: #fff; - } - } - } - - // SEARCH OPTION - %searchPopoutOption { - transition: all 0.15s ease-in-out; - &:after { - display: none; - } - %searchPopoutPlusIcon { - display: block; - color: #fff; - opacity: 0; - transition: all 0.15s ease-in-out; - } - &:hover { - %searchPopoutPlusIcon { - opacity: 0.7; - } - } - %searchPopoutFilter { - color: hsla(0, 0%, 100%, 0.3); - transition: all 0.15s ease-in-out; - } - %searchPopoutAnswer { - color: hsla(0, 0%, 100%, 0.5); - font-weight: 500; - transition: all 0.15s ease-in-out; - } - %searchPopoutNonText { - color: hsla(0, 0%, 100%, 0.5); - transition: all 0.15s ease-in-out; - } - > strong { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - } - - // SELECTED - &[aria-selected='true'] { - background-color: hsla(0, 0%, 100%, 0.1); - %searchPopoutPlusIcon { - opacity: 0.3; - &:hover { - opacity: 0.7; - } - } - %searchPopoutFilter { - color: hsla(0, 0%, 100%, 0.5); - } - %searchPopoutAnswer, - %searchPopoutNonText { - color: hsla(0, 0%, 100%, 0.7); - } - > strong { - color: #fff; - } - } - - // OPTION USER - &%searchPopoutOptionUser { - %searchPopoutDisplayedNick { - color: hsla(0, 0%, 100%, 0.5); - transition: all 0.15s ease-in-out; - } - %searchPopoutDisplayUsername { - color: hsla(0, 0%, 100%, 0.3); - transition: all 0.15s ease-in-out; - } - &%searchPopoutOptionSelected { - %searchPopoutDisplayedNick { - color: hsla(0, 0%, 100%, 0.7); - } - %searchPopoutDisplayUsername { - color: hsla(0, 0%, 100%, 0.5); - } - } - } - - // OPTION CHANNEL - > %searchPopoutChannel { - > strong { - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - } - > %searchPopoutChannelIcon, - > %searchPopoutChannelCategory { - color: hsla(0, 0%, 100%, 0.3); - transition: all 0.15s ease-in-out; - } - } - &%searchPopoutOptionSelected { - > %searchPopoutChannel { - > strong { - color: #fff; - } - > %searchPopoutChannelIcon, - > %searchPopoutChannelCategory { - color: hsla(0, 0%, 100%, 0.5); - } - } - } - } - - // QUERY CONTAINER - %searchPopoutQueryContainer { - background-color: $main-color; - > %searchPopoutQueryText { - color: hsla(0, 0%, 100%, 0.7); - > strong { - color: #fff; - } - } - } - - // SEARCH DATEPICKER - %searchPopoutDatePicker { - %searchPopoutDatePickerHint { - border-top: 1px solid hsla(0, 0%, 100%, 0.04); - %searchPopoutHint { - color: hsla(0, 0%, 100%, 0.7); - } - %searchPopoutHintValue { - background-color: $main-color; - color: #fff; - transition: all 0.15s ease-in-out; - &:hover { - background-color: $hover-color; - } - } - } - } -} - -// DATEPICKER -%themeDark %calendarPicker { - %datepicker, - %datepickerHeader { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.8)); - } - > %datepicker { - %datepickerNavigation { - background-color: hsla(0, 0%, 100%, 0.1); - border: 1px solid transparent; - opacity: 0.7; - transition: all 0.15s ease-in-out; - &:hover { - background-color: $main-color; - opacity: 1; - } - } - } - %datepickerCurrentMonth { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.04); - color: $main-color; - font-weight: 600; - } - %datepickerDayName { - color: hsla(0, 0%, 100%, 0.7); - } - %datepickerWeek { - &:last-of-type { - > %datePickerDay { - border-bottom: 1px solid hsla(0, 0%, 100%, 0.04); - } - } - > %datepickerDay { - background-color: hsla(0, 0%, 100%, 0.1); - border-left: 1px solid hsla(0, 0%, 100%, 0.04); - border-top: 1px solid hsla(0, 0%, 100%, 0.04); - color: hsla(0, 0%, 100%, 0.7); - transition: all 0.15s ease-in-out; - &:last-of-type { - border-right: 1px solid hsla(0, 0%, 100%, 0.04); - } - &:hover { - background-color: $main-color; - color: #fff; - } - } - > %datepickerDaySelected { - box-shadow: inset 0 -3px $main-color; - &:after { - display: none; - } - } - > %datepickerDayToday { - color: $main-color; - font-weight: 700; - } - > %datepickerDayDisabled, - > %datepickerDayOutsideMonth { - background-color: transparent; - color: hsla(0, 0%, 100%, 0.1); - &:hover { - background-color: transparent; - color: hsla(0, 0%, 100%, 0.1); - } - } - } -} diff --git a/src/popouts/stickers.scss b/src/popouts/stickers.scss deleted file mode 100644 index 7b2ac01..0000000 --- a/src/popouts/stickers.scss +++ /dev/null @@ -1,58 +0,0 @@ -/* STICKERS */ - -// SEARCH -%stickerSearchContainer { - background-color: hsla(0, 0%, 100%, 0.07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - margin-top: 2px; - &:focus-within { - box-shadow: 0 0 2px 2px $main-color; - transition: all 0.15s ease-in-out; - } - %popoutInput { - color: #fff; - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } - } -} - -// CATEGORY -%stickerCategoryWrapper { - background-color: transparent; -} -%stickerCategoryGeneric { - color: hsla(0, 0%, 100%, 0.7); - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - border-radius: 4px; - } -} -%stickerCategoryGenericSelected, -%stickerCategoryGenericSelected:hover { - background-color: $main-color; - color: #fff; -} - -// PICKER -%stickerUpsellContent { - background-color: hsla(0, 0%, 0%, 0.8); -} -%stickerPickerRow { - column-gap: 8px !important; -} -%stickerPickerInspected %stickerPickerInspectedIndicator { - background-color: $main-color; -} - -// SUGGESTION -%themeDark %stickerSuggestionContainerBackground { - opacity: 1; - background-color: hsla(0, 0%, 0%, 0.8); - border: none; -} - -%typingStickerRecommendationHover { - background: $hover-color; -} diff --git a/src/popouts/threadPopout.scss b/src/popouts/threadPopout.scss deleted file mode 100644 index 5ee7379..0000000 --- a/src/popouts/threadPopout.scss +++ /dev/null @@ -1,15 +0,0 @@ -/* THREADS POPOUT */ -%popoutLayer %threadsPopoutContainer { - background-color: hsla(0, 0%, 0%, 0.8); - animation: cv-menu-fold-y 0.2s cubic-bezier(0.2, 0.6, 0.5, 1.1); - transform-origin: 50% 0; - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -%threadsPopoutHeader { - background-color: transparent; -} -%threadsPopoutIcon { - background-color: $main-color; - color: #fff; -} diff --git a/src/popouts/userPopout.scss b/src/popouts/userPopout.scss deleted file mode 100644 index f9f5404..0000000 --- a/src/popouts/userPopout.scss +++ /dev/null @@ -1,77 +0,0 @@ -/* USER POPOUT */ -%userPopoutOuter { - &%userProfileOuterUnthemed { - background: transparent; - %userPopoutInner { - background: cv('bg.popout.overlay'); - } - %userPopoutOverlayBackground { - background-color: hsla(0, 0%, 0%, 0.4); - } - &:not(.profileCustomizationPreview_ccc6a9) { - %userPopoutInner { - &::before { - content: ''; - position: absolute; - @include stretch; - background: cv('bg.popout.img') cv('bg.popout.pos') / cv('bg.popout.size') cv('bg.popout.repeat') cv('bg.popout.attach'); - @include filters(cv('bg.popout')); - width: 100%; - height: 100%; - z-index: -1; - } - } - } - } - %popoutAnimatorLeft > & { - transform-origin: 100% 50%; - } -} -%userPopoutBanner { - -webkit-mask: linear-gradient(to bottom, #000, transparent 93%); - mask: linear-gradient(to bottom, #000, transparent 93%); -} -%userPopoutBannerPremium { - -webkit-mask: linear-gradient(to bottom, #000 50%, transparent); - mask: linear-gradient(to bottom, #000 50%, transparent); -} -%userPopoutProfileBadges { - background-color: hsla(0, 0%, 0%, 0.4); -} -%userPopoutOverlayBackground { - > %menuPopout { - background-color: transparent; - animation: none; - } - %userPopoutNoBannerPremium { - -webkit-mask: linear-gradient(to bottom, #000 50%, transparent); - mask: linear-gradient(to bottom, #000 50%, transparent); - } - %userPopoutNameTag { - overflow: visible; - } - - // BODY - %userPopoutBodyTitle { - color: hsla(0, 0%, 100%, 0.7); - flex-shrink: 0; - } - #permissions-popout { - display: flex; - flex-direction: column; - flex-shrink: 1; - > %userPopoutRolesList { - /*Note!!*/ - max-height: unset; - } - } -} -// ACTIVITY -%userProfileOuterUnthemed { - %userPopoutButtonColor { - background-color: $main-color; - } -} -%userPopoutMessageInputContainer { - border: none; -} diff --git a/src/popouts/voiceChannelListeningTo.scss b/src/popouts/voiceChannelListeningTo.scss deleted file mode 100644 index 712dcc7..0000000 --- a/src/popouts/voiceChannelListeningTo.scss +++ /dev/null @@ -1,16 +0,0 @@ -//Voice Channel listening to or playing x game -.container__56cd1 { - background-color: rgba(0, 0, 0, 0.8); -} -.button__6ac9e { - &:hover { - background-color: $hover-color; - border-color: $main-color !important; - } -} -.iconButton-285DXF { - &:hover { - background-color: $hover-color; - border-color: $main-color !important; - } -} diff --git a/src/screens/crash.scss b/src/screens/crash.scss deleted file mode 100644 index 82ce24f..0000000 --- a/src/screens/crash.scss +++ /dev/null @@ -1,65 +0,0 @@ -/* CRASH SCREEN */ -%errorPage { - background: transparent; - box-shadow: inset 0 0 50vmin 10px cv('colors.danger'); - %buttonContents { - height: 16px; - font-size: 0; - &:after { - content: 'Respawn at last Checkpoint'; - font-size: 14px; - } - } -} -%errorPageImage { - display: none; -} -%errorPageText { - width: auto; - color: hsla(0, 0%, 100%, 0.7); - h4 { - height: 150px; - width: 100vw; - background: rgba(0, 0, 0, 0.5); - box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.5); - color: cv('colors.danger'); - font-family: Georgia, 'Times New Roman', Times, serif; - font-size: 0; - font-weight: normal; - line-height: 150px; - &:after { - content: 'YOU DIED'; - font-size: 150px; - } - } - %errorPageNote { - font-size: 0; - white-space: pre-line; - } -} -%errorPageNote { - > div { - > p { - margin: 0; - &:before, - &:after { - margin-bottom: 14px; - display: block; - font-size: 16px; - } - } - > p:first-child { - &:before { - content: 'Looks like you got slaughtered by an Error Level 9000.'; - } - &:after { - content: 'Might have been one of your plugins?'; - } - } - > p:last-child { - &:after { - content: 'Press Ctrl + Shift + I or Cmd + Alt + I to check Console for errors.'; - } - } - } -} diff --git a/src/screens/loading.scss b/src/screens/loading.scss deleted file mode 100644 index e19590e..0000000 --- a/src/screens/loading.scss +++ /dev/null @@ -1,9 +0,0 @@ -/* LOADING SCREEN */ -%loadingScreen { - background: rgba(0, 0, 0, 0.9); -} -%loadingLinks { - color: $main-color; - opacity: 1 !important; - @include hover-shadow; -} \ No newline at end of file diff --git a/src/search/search.scss b/src/search/search.scss deleted file mode 100644 index 51e51a5..0000000 --- a/src/search/search.scss +++ /dev/null @@ -1,58 +0,0 @@ -/* SEARCH */ -%chatContentWrapper %searchResultsWrap { - background-color: rgba(0, 0, 0, 0.6); -} -%searchResultsWrap { - // HEADER - > %searchHeader { - background-color: rgba(0, 0, 0, 0.3); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - %tabBarItem { - &%tabBarItemSelected { - background-color: $main-color; - } - &:hover:not(%tabBarItemDisabled) { - background-color: $hover-color; - } - } - } - - // RESULT - %searchResult { - padding-bottom: 10px; - border-bottom: 1px solid hsla(0, 0%, 100%, 0.04); - background-color: transparent; - &:before, - &:after { - display: none; - } - + %searchResult { - margin-top: -1px; - } - } - %searchResultJumpButton { - background-color: hsla(0, 0%, 100%, 0.04); - color: hsla(0, 0%, 100%, 0.5); - border-radius: 3px; - transition: all 0.3s ease-in-out; - &:hover { - background-color: $main-color; - color: #fff; - transition-duration: 0.15s; - } - } - %searchResultHighlight { - position: relative; - padding: 0 2px; - background-color: $hover-color; - border-radius: 3px; - color: #fff; - text-shadow: 0 0 3px; - } -} - -// Search results, a blocked user was hidden from your results -.resultsBlocked_a701cf { - background-color: transparent; - border: none; -} diff --git a/src/settings/appConnections.scss b/src/settings/appConnections.scss deleted file mode 100644 index 532348c..0000000 --- a/src/settings/appConnections.scss +++ /dev/null @@ -1,44 +0,0 @@ -/* CONNECTIONS */ -$colours: ( - 'Reddit': #ff4500, - 'Steam': #000000, - 'Twitter': #009ef7, - 'Spotify': #1db954, - 'Xbox Live': #107c10, - 'Battle.net': #0566b0, - 'Facebook': #1877f2, - 'GitHub': #222222, - 'Twitch': #9146ff, - 'YouTube': #ff0000, -); - -.connection_fff5f6 { - background-color: hsla(0, 0%, 0%, 0.4); -} -.connectionHeader__3c82d { - background-color: transparent; -} - -.connection_fff5f6 { - @each $i, $u in $colours { - &:has(.connectionIcon__1428c[alt*='#{$i}']) { - background-color: rgba($u, 0.5); - } - } -} -.connectionHeader__3c82d { - @each $i, $u in $colours { - &:has(.connectionIcon__1428c[alt*='#{$i}']) { - background-color: rgba($u, 0.2); - } - } -} -.connectionAccountLabel_a71192 { - color: hsla(0, 0%, 100%, 0.7) !important; -} -.connectionDelete__988b5 { - color: hsla(0, 0%, 100%, 0.7); -} -.metadataContainer__7b316 { - background-color: hsla(0, 0%, 100%, 0.1); -} diff --git a/src/settings/channelSettings.scss b/src/settings/channelSettings.scss deleted file mode 100644 index 3e82014..0000000 --- a/src/settings/channelSettings.scss +++ /dev/null @@ -1,106 +0,0 @@ -/* CHANNEL SETTINGS */ - -// HEADER -%settingsSidebar { - %settingsHeader { - &:has(%channelSettingsCategory) { - display: grid; - grid-template-columns: 1fr auto 1fr; - grid-template-rows: 0.5fr 0.5fr; - padding: 20px 0; - } - &::before { - grid-column: 1 / 2; - grid-row: 2 / 3; - } - &:after { - grid-column: 3 / 4; - grid-row: 2 / 3; - } - } -} -%settingsHeaderText { - &:has(%channelSettingsCategory) { - grid-column: 2 / 3; - grid-row: 1 / 3; - display: grid; - grid-template-columns: min-content 1fr; - grid-template-rows: 1.5fr 1fr; - column-gap: 2px; - justify-items: center; - } -} -%channelSettingsCategory { - color: $main-color !important; - margin: 0; - grid-column: 1 / 3; - grid-row: 1 / 2; - &::before { - content: '< '; - } - &:after { - content: ' >'; - } -} - -// PERMISSIONS -.group__6ae8b { - border: 1px solid hsla(0, 0%, 100%, 0.07); -} -.item_f48d11 { - background-color: hsla(0, 0%, 0%, 0.4); - border-color: hsla(0, 0%, 100%, 0.07); - cursor: pointer; - &.selected__47401 { - &.deny__71546 { - background-color: rgba($color: #f04747, $alpha: 0.6); - border-color: #f04747; - } - &.passthrough__7cd54 { - background-color: rgba($color: #faa61a, $alpha: 0.6); - border-color: #faa61a; - } - &.allow_bbc621 { - background-color: rgba($color: #43b581, $alpha: 0.6); - border-color: #43b581; - } - } -} -%channelSettingsCard { - background-color: rgba(0, 0, 0, 0.4); - &%channelSettingsCardActive { - background-color: rgba(0, 0, 0, 0.4); - } -} -%channelSettingsCardPanel { - background-color: transparent; -} - -%integrationsIconWrapper { - background-color: hsla(0, 0%, 0%, 0.4); -} - -// ROLES/MEMBERS DROPDOWN -%themeDark .header__02652, -%themeDark .container_e84cda .sectionTag_b0df68 { - background-color: var(--popout-color); -} -.row__3fe26.selected__75860 .rowInner_feb94d { - background-color: hsla(0, 0%, 100%, 0.1); -} - -// FORUMS -.staticToolbar__7ef7b { - background: transparent; -} -.addTags_e01f9c { - background: $main-color; -} -.container-16urgA { - border-color: $main-color; -} -.placeholderLine-86Fsd9, -.placeholderMedia-34JHvE, -.reaction-BL6n45 { - background-color: hsla(0, 0%, 100%, 0.15); -} diff --git a/src/settings/content.scss b/src/settings/content.scss deleted file mode 100644 index 4dc2959..0000000 --- a/src/settings/content.scss +++ /dev/null @@ -1,119 +0,0 @@ -/* SETTINGS CONTENT */ -%standardSidebarView { - > %settingsContentRegion { - background: transparent; - } -} -%settingsContentRegion { - %settingsContentScroller, - %settingsContentSidebarScroller { - background: transparent; - } -} - -// CLOSE BUTTON -%themeDark { - %settingsCloseButton { - border-color: hsla(0, 0%, 100%, 0.4); - &:hover { - border-color: hsla(0, 0%, 100%, 0.6); - background-color: transparent; - } - > svg > path { - fill: hsla(0, 0%, 100%, 0.6); - } - } - %settingsCloseButtonKeybind { - color: hsla(0, 0%, 100%, 0.6); - } -} - -// UNSAVED CHANGES -%settingsNoticeContainer { - background-color: hsla(0, 0%, 0%, 0.8) !important; -} - -// AVATAR UPLOADER -%settingsImageUploaderInner { - background-color: hsla(0, 0%, 100%, 0.05); -} -%themeDark %settingsImageUploaderIcon { - background-color: $main-color; - background-image: none; - &:after { - content: ''; - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - background-image: url(https://discord.com/assets/d5c25e76af04cea8997e4a060572feae.svg); - background-repeat: no-repeat; - background-position: 50%; - filter: brightness(0) invert(1); - pointer-events: none; - } -} - -// ITEM CARDS -%themeDark { - %settingsCard { - &:not(.outline_cb0aed), - &.outline_cb0aed { - background-color: rgba(0, 0, 0, 0.4); - border-color: hsla(0, 0%, 100%, 0.07); - } - a { - color: var(--url-color); - } - } -} -%settingsCardWrapper { - background-color: transparent; -} - -// COLOR PICKER -%themeDark %settingsColorPickerCustom { - background-color: hsla(0, 0%, 0%, 0.8); - border-color: transparent; - border-radius: 5px; -} - -// WARNING SHAKE -%shakeable[style*='transform'] { - transform: none !important; - %bg { - animation: cv-shake 0.5s ease-in; - } -} - -// DROP DOWN -.lookFilled__3dba3.select__0eb48 { - background-color: hsla(0, 0%, 100%, 0.07); - border-color: hsla(0, 0%, 100%, 0.09); -} -.popout_a6e77f { - background-color: rgba(0, 0, 0, 0.8); - border: none; - border-radius: 5px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -.option_be8b2e { - &:hover, - &:focus, - &.focused_a2f507 { - background-color: hsla(0, 0%, 100%, 0.05); - border: hsla(0, 0%, 100%, 0.07); - } - &[aria-selected='true']:not(.option_be8b2e.multi__8d15f) { - background-color: $main-color; - .selectedIcon__4b0ba { - circle { - fill: $main-color; - } - } - path { - fill: #fff; - } - } -} \ No newline at end of file diff --git a/src/settings/icons.scss b/src/settings/icons.scss deleted file mode 100644 index 22b294f..0000000 --- a/src/settings/icons.scss +++ /dev/null @@ -1,186 +0,0 @@ -/* SETTINGS SIDEBAR ICONS */ -%settingsSidebar { - // ICON MAP - $userSettingsIcons: ( - // MY ACCOUNT - 'my-account': 'https://clearvision.github.io/icons/person.svg', - // USER PROFILE - 'profile-customization': 'https://clearvision.github.io/icons/user_profile.svg', - // PRIVACY & SAFETY - 'privacy-&-safety': 'https://clearvision.github.io/icons/security.svg', - // FAMILY CENTER - 'family-center': 'https://clearvision.github.io/icons/family.svg', - // AUTHORISED APPS - 'authorized-apps': 'https://clearvision.github.io/icons/apps.svg', - // DEVICES - 'sessions': 'https://clearvision.github.io/icons/devices.svg', - // CONNECTIONS - 'connections': 'https://clearvision.github.io/icons/link.svg', - // CLIPS - 'settings-clips': 'https://clearvision.github.io/icons/clips.svg', - // FRIEND REQUEST - 'friend-requests': 'https://clearvision.github.io/icons/person_add.svg', - - // NITRO - 'discord-nitro': 'https://clearvision.github.io/icons/nitro.svg', - // SERVER BOOST - 'nitro-server-boost': 'https://clearvision.github.io/icons/server_boost.svg', - // SUBSCRIPTIONS - 'subscriptions': 'https://clearvision.github.io/icons/subscriptions.svg', - // GIFT INVENTORY - 'library-inventory': 'https://clearvision.github.io/icons/gift.svg', - // BILLING - 'billing': 'https://clearvision.github.io/icons/payment.svg', - - // APPEARANCE - 'appearance': 'https://clearvision.github.io/icons/camera.svg', - // ACCESSIBILITY - 'accessibility': 'https://clearvision.github.io/icons/accessibility.svg', - // VOICE & VIDEO - 'voice-&-video': 'https://clearvision.github.io/icons/mic.svg', - // TEXT & IMAGES - 'text-&-images': 'https://clearvision.github.io/icons/chat.svg', - // NOTIFICATIONS - 'notifications': 'https://clearvision.github.io/icons/notifications.svg', - // KEYBINDS - 'keybinds': 'https://clearvision.github.io/icons/keyboard.svg', - // LANGUAGE - 'language': 'https://clearvision.github.io/icons/language.svg', - // WINDOWS SETTINGS - 'windows': 'https://clearvision.github.io/icons/windows.svg', - // LINUX SETTINGS - 'linux': 'https://clearvision.github.io/icons/linux.svg', - // STREAMER MODE - 'streamer-mode': 'https://clearvision.github.io/icons/videocam.svg', - // ADVANCED - 'advanced': 'https://clearvision.github.io/icons/bug.svg', - - // ACTIVITY PRIVACY - 'activity-privacy': 'https://clearvision.github.io/icons/controller-off.svg', - // REGISTERED GAMES - 'game-activity': 'https://clearvision.github.io/icons/games.svg', - // OVERLAY - 'overlay': 'https://clearvision.github.io/icons/aspect_ratio.svg', - - // CHANGE LOG - 'changelog': 'https://clearvision.github.io/icons/history.svg', - // HYPESQUAD - 'hypesquad-online': 'https://clearvision.github.io/icons/hypesquad.svg' - ); - - $serverSettingsIcons: ( - // OVERVIEW - 'overview': 'https://clearvision.github.io/icons/info.svg', - // ROLES - 'roles': 'https://clearvision.github.io/icons/flag.svg', - // EMOJI - 'emoji': 'https://clearvision.github.io/icons/emoji.svg', - // STICKERS - 'stickers': 'https://clearvision.github.io/icons/sticker.svg', - // SOUNDBOARD - 'soundboard': 'https://clearvision.github.io/icons/music.svg', - // WIDGET - 'widget': 'https://clearvision.github.io/icons/widgets.svg', - // SERVER TEMPLATE - 'guild_templates': 'https://clearvision.github.io/icons/website.svg', - // CUSTOM INVITE LINK - 'vanity_url': 'https://clearvision.github.io/icons/link_plus.svg', - - // INTEGRATIONS - 'integrations': 'https://clearvision.github.io/icons/puzzle.svg', - - // MODERATION - 'moderation': 'https://clearvision.github.io/icons/security.svg', - // SAFETY SETUP - 'safety': 'https://clearvision.github.io/icons/security.svg', - // AUTOMOD - 'guild_automod': 'https://clearvision.github.io/icons/robot.svg', - // AUDIT LOG - 'audit_log': 'https://clearvision.github.io/icons/list.svg', - // BANS - 'bans': 'https://clearvision.github.io/icons/hammer.svg', - - // ENABLE COMMUNITY/OVERVIEW - 'community': 'https://clearvision.github.io/icons/people.svg', - // ONBOARDING - 'onboarding': 'https://clearvision.github.io/icons/rocket_launch.svg', - // SERVER INSIGHTS - 'analytics': 'https://clearvision.github.io/icons/insights.svg', - // PARTNER PROGRAM - 'partner': 'https://clearvision.github.io/icons/handshake.svg', - // DISCOVERY - 'discovery': 'https://clearvision.github.io/icons/explore.svg', - // WELCOME SCREEN - 'community_welcome': 'https://clearvision.github.io/icons/waving_hand.svg', - - // SERVER BOOST STATUS - 'guild_premium': 'https://clearvision.github.io/icons/server_boost.svg', - // MONETIZATION - 'role_subscriptions': 'https://clearvision.github.io/icons/subscriptions.svg', - - // MEMBERS - 'members': 'https://clearvision.github.io/icons/group.svg', - // INVITES - 'instant_invites': 'https://clearvision.github.io/icons/person_add.svg', - ); - - $channelSettingsIcons: ( - /* OVERVIEW - DUPE - 'overview': 'https://clearvision.github.io/icons/info.svg', */ // PERMISSIONS - 'permissions': 'https://clearvision.github.io/icons/rule.svg', - /* INVITES - DUPE - 'instant_invites': 'https://clearvision.github.io/icons/person_add.svg', */ - /* INTEGRATIONS - DUPE - 'integrations': 'https://clearvision.github.io/icons/puzzle.svg' */ - ); - - /* OBSOLETE - $dangerIcons: ( - // LOG OUT - 'logout': 'https://clearvision.github.io/icons/exit.svg', - // DELETE - 'delete': 'https://clearvision.github.io/icons/delete.svg' - ); - */ - - // GENERAL STYLES - %tabBarItem { - &:before { - content: ''; - position: absolute; - width: 0; - height: 24px; - left: 15px; - margin-top: -2px; - z-index: 999; - transition: all 0.15s ease-in-out; - } - &%tabBarItemSelected { - padding-left: 50px !important; - &:before { - width: 24px; - } - } - } - - // USER SETTINGS - @each $i, $u in $userSettingsIcons { - %tabBarItem[aria-controls='#{$i}-tab']:before { - background-image: url(#{$u}); - } - } - - // SERVER SETTINGS - @each $i, $u in $serverSettingsIcons { - %tabBarItem[aria-controls='#{$i}-tab']:before { - background-image: url(#{$u}); - } - } - - // CHANNEL SETTINGS - @each $i, $u in $channelSettingsIcons { - %tabBarItem[aria-controls='#{$i}-tab']:before { - background-image: url(#{$u}); - } - } -} \ No newline at end of file diff --git a/src/settings/onboarding.scss b/src/settings/onboarding.scss deleted file mode 100644 index 879dc20..0000000 --- a/src/settings/onboarding.scss +++ /dev/null @@ -1,188 +0,0 @@ -/* COMMUNITY SERVER ONBOARDING */ - -// POPOUT -%onboardingEduPopout { - background-color: rgba(0, 0, 0, 0.8); -} -%onboardingEduPopoutArrow { - border-bottom-color: rgba(0, 0, 0, 0.8); -} - -// PROGRESS -%onboardingProgressBarContainer { - %onboardingProgressBar { - background-color: hsla(0, 0%, 100%, 0.3); - + %textExtraSmallMedium { - color: hsla(0, 0%, 100%, 0.3) !important; - } - } - %onboardingProgressBarCurrent { - background-color: $main-color; - + %textExtraSmallMedium { - color: $main-color !important; - } - } - &:hover { - %onboardingProgressBar { - background-color: $hover-color; - } - } -} - -// LINKS -%anchor { - %textSmallMedium { - color: var(--url-color) !important; - } -} - -// FOOTER -%onboardingFooterContainer { - background-color: rgba(0, 0, 0, calc(var(--background-shading) * 0.4)) !important; - box-shadow: none; -} - -// DEFAULT CHANNELS -%onboardingChannelRow { - background-color: rgba(0, 0, 0, 0.4); - &:hover:not(%onboardingChannelRowDisabled) { - background-color: hsla(0, 0%, 100%, 0.05); - } -} -%onboardingChannelRowSeparator { - margin: -1px 0 0; - background-color: hsla(0, 0%, 100%, 0.05); -} -%onboardingChannelListHeader, -%onboardingChannelList { - background-color: rgba(0, 0, 0, 0.4); -} -%onboardingChannelListHeaderContainer { - background-color: transparent; -} -%onboardingChannelListHeader { - %textExtraSmallBold { - color: $main-color !important ; - } -} -%onboardingChannelListProgressBar { - background-color: $main-color !important; -} -%onboardingChannelListProgressIcon { - path { - &[fill="var(--background-accent)"] { - fill: var(--danger-color) - } - &[fill="var(--brand-500)"] { - fill: var(--success-color) - } - } -} -%onboardingChannelChattableIndicator { - background-color: $main-color; -} - -// CUSTOMISATION QUESTIONS -%onboardingChannelCoverage { - background-color: rgba(0, 0, 0, 0.4); -} -%onboardingChannelCoverageProgress { - background-color: $main-color !important; -} -%onboardingChannelCoverageDetails { - background-color: transparent; -} -%onboardingChannelCoveragePill { - border-radius: 20px; - background-color: rgba(0, 0, 0, 0.4); - border: 2px solid $main-color; -} -%onboardingAddQuestion { - border-color: hsla(0, 0%, 100%, 0.3); - %onboardingAddQuestionIcon { - color: $main-color; - } - %textMediumMedium { - color: $main-color !important; - } - &:hover { - border-color: $hover-color; - %onboardingAddQuestionIcon { - color: $hover-color; - } - %textMediumMedium { - color: $hover-color !important; - } - } -} -%onboardingQuestionContainer { - background-color: rgba(0, 0, 0, 0.4); - border: 2px solid $main-color; -} -%onboardingQuestionExample { - background-color: rgba(0, 0, 0, 0.4); - border-radius: 20px; - border: 2px solid $main-color; -} -%onboardingQuestionDropdown { - background-color: var(--popout-color); - border: 1px solid hsla(0, 0%, 100%, 0.07); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -%onboardingQuestionDropdownChannelLabel { - background-color: $main-color; - %onboardingQuestionDropdownChannelIcon, - %textExtraSmallMedium { - color: #fff; - } -} - -// SERVER GUIDE -%onboardingActionExampleBadIcon { - background-color: $main-color; - color: #fff; -} -%onboardingActionItem, -%onboardingResourceChannel { - background-color: hsla(0, 0%, 0%, 0.4); -} -%onboardingActionItemIcon { - background-color: $main-color; - color: #fff; -} -%onboardingActionAdd { - border-color: hsla(0, 0%, 100%, 0.3); - color: $main-color; - %textMediumNormal { - color: $main-color; - } - &:hover { - background-color: transparent; - border-color: $hover-color; - color: $hover-color; - %textMediumNormal { - color: $hover-color; - } - } -} -%onboardingActionPreviewPill { - background-color: rgba(0, 0, 0, 0.4); - %textSmallMedium { - color: #fff; - } -} -%onboardingActionPreviewPillSelected { - background-color: $main-color; -} - -// REVIEW -%onboardingReviewHeader, -%onboardingReviewStepContainer { - background-color: rgba(0, 0, 0, 0.4); -} -%onboardingReviewIconContainer { - background-color: $main-color; -} -%onboardingReviewIcon { - color: #fff; -} \ No newline at end of file diff --git a/src/settings/serverSettings.scss b/src/settings/serverSettings.scss deleted file mode 100644 index 990312c..0000000 --- a/src/settings/serverSettings.scss +++ /dev/null @@ -1,440 +0,0 @@ -/* SERVER SETTINGS */ - -// OVERVIEW - server banner -%guildFeatureAvailabilityIndicator { - background-color: $main-color; - color: #fff; -} - -// ROLES -%guildSettingsRoleDefaultPermissions { - background-color: $main-color; - color: #fff; - &:hover { - background-color: $hover-color; - } -} -%guildSettingsRoleDefaultPermissionsIcon { - background-color: hsla(0, 0%, 0%, 0.6); -} -%roleRow { - &:before, - &:last-child:after { - background-color: hsla(0, 0%, 100%, 0.1); - } - &:hover:not(%roleRowDisabledHover) { - background-color: rgba(255, 255, 255, 0.05); - } -} -%buttonCircle { - background-color: hsla(0, 0%, 0%, 0.6); - color: #fff; - &:hover { - &:not(%buttonCircleDisabled) { - background-color: $hover-color; - color: #fff; - } - } - %roleRow:hover:not(%roleRowDisabledHover) & { - background-color: hsla(0, 0%, 0%, 0.6); - color: #fff; - &:hover { - background-color: $hover-color; - color: #fff; - } - } -} -%guildSettingsRoleBackContainer { - background-color: transparent; -} -%guildSettingsRoleHeader { - background-color: transparent; - &:before { - content: ''; - @include stretch; - position: absolute; - z-index: -1; - background: cv('bg.app.img') cv('bg.app.pos') / cv('bg.app.size') cv('bg.app.repeat') cv('bg.app.attach'); - @include filters(cv('bg.app')); - } - &:after { - content: ''; - @include stretch; - position: absolute; - z-index: -1; - background: cv('bg.app.overlay'); - } -} -%guildSettingsRoleHeaderTabTop { - %guildSettingsRoleHeaderTabBrand { - &%tabBarItem { - &:hover { - border-bottom-color: $hover-color; - } - &%tabBarItemSelected, - &:active { - border-bottom-color: $main-color; - } - } - } -} -%guildSettingsRoleList { - %guildSettingsRoleListRow { - &:hover { - &:not(%tabBarItemDisabled) { - background-color: hsla(0, 0%, 100%, 0.07); - } - } - %roleCircle { - &::before { - background-color: transparent; - } - } - &%tabBarItemSelected { - background-color: transparent; - %roleCircle { - &::before { - background-color: inherit; - } - } - } - } -} -%guildSettingsRoleIconPreview { - background-color: hsla(0, 0%, 0%, 0.6); -} -%guildSettingsRoleUpsell, -%guildSettingsRoleUpsellFooter { - background: hsla(0, 0%, 0%, 0.3); -} -// View server as role selection bar -.container-3ssFyj { - background-color: hsla(0, 0%, 0%, 0.8); -} -.container__7712a { - background-color: hsla(0, 0%, 100%, 0.07); -} - -// EMOJI -%themeDark { - %guildSettingsEmojiCard:before, - %guildSettingsEmojiRemove { - background-color: hsla(0, 0%, 0%, 0.4); - } -} -%guildSettingsEmojiRow { - &:hover { - %guildSettingsEmojiAliasPlaceholder { - visibility: hidden; - } - } - %guildSettingsEmojiAliasInput { - %guildSettingsEmojiInput { - color: var(--text-normal); - background-color: hsla(0, 0%, 100%, .07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .09); - } - &:has(%guildSettingsEmojiInput:focus-within) { - + %guildSettingsEmojiAliasPlaceholder { - visibility: hidden; - } - } - } -} - -// STICKERS -%guildSettingsStickersUploadCard { - background-color: rgba(0, 0, 0, 0.4); - &:hover { - background-color: $hover-color; - } -} -%guildSettingsStickersTierLock { - color: #fff; - opacity: 0.3; -} - -// SAFETY SETUP -%guildSettingsSafetyChangeLog, -%guildSettingsSafetyChecklist { - background-color: hsla(0, 0%, 0%, 0.4); -} -%guildSettingsSafetyPill { - background-color: transparent; - border: 2px solid $main-color; -} -%guildSettingsSafetyItemWrapper { - background-color: transparent; -} - -// AUTOMOD -%automodBadge { - border: none; - padding: 4px 6px; -} -%automodEditCard { - background-color: hsla(0, 0%, 0%, 0.4); - &%automodEditCardActive { - background-color: hsla(0, 0%, 0%, 0.4); - &%automodEditCardToggled { - background-color: hsla(0, 0%, 0%, 0.4); - } - } -} -%automodRuleIconContainer { - background-color: $main-color; -} -%automodRuleIcon { - color: #fff; -} -%automodActionTag { - background-color: transparent; - border: 2px solid $main-color; -} -%automodActionIcon, -%automodActionText { - color: #fff !important; -} -%automodStepIcon { - background-color: hsla(0, 0%, 100%, 0.1); -} -%automodStepperCOntainer { - background-color: hsla(0, 0%, 100%, 0.1); - %input { - &:focus { - box-shadow: none; - } - } -} -%automodContentCard { - background-color: hsla(0, 0%, 0%, 0.4); -} -%automodCollapseableCard { - background-color: hsla(0, 0%, 0%, 0.4); - &:active { - background-color: hsla(0, 0%, 0%, 0.6); - } - &%automodCollapseableCardToggled:active { - background-color: hsla(0, 0%, 0%, 0.6); - } -} -%automodCollapseableHeaderContainer, -%automodCollapseableHeaderClickable, -%automodCollapseablePointer { - background-color: transparent; -} -%automodCollapsedContainer { - background-color: transparent; - border: none; -} -%automodCollapseableRadioBackground { - &%automodCollapseableRadioSelected { - background-color: hsla(0, 0%, 100%, 0.07); - } -} -%automodKeywordsTextArea, -%automodRegexTextArea { - color: var(--text-normal); - background-color: hsla(0, 0%, 100%, 0.07); - border: none; - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.09); - &:focus { - box-shadow: 0 0 2px 2px $main-color; - } - &::placeholder { - color: hsla(0, 0%, 100%, 0.3); - } -} -%automodDropdown { - background-color: hsla(0, 0%, 0%, 0.8); - border: 1px solid hsla(0, 0%, 100%, 0.07); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -} -%automodDropdownChannel, -%automodDropdownRole { - background-color: hsla(0, 0%, 100%, 0.1); -} -%automodDropdownChannelIcon { - color: #fff; -} - - -// AUDIT LOG -%themeDark { - %guildSettingsAuditLog { - border-color: hsla(0, 0%, 100%, 0.07); - } - %guildSettingsAuditHeader { - background-color: hsla(0, 0%, 0%, 0.4); - } - %guildSettingsAuditHeaderExpanded, - %guildSettingsAuditDivider, - %guildSettingsAuditChangeDetails { - background-color: hsla(0, 0%, 0%, 0.6); - } -} - -// BANS -.scrollerContainer_c3503a { - background-color: hsla(0, 0%, 0%, .4); -} -.bannedUser__38b44 { - background-color: hsla(0, 0%, 100%, .07); -} - -// SERVER TEMPLATE -.descriptionBox_cca0c3 { - background-color: hsla(0, 0%, 0%, 0.4); -} - -// COMMUNITY OVERVIEW -.upsellContainer__978df { - background-color: hsla(0, 0%, 0%, 0.4); -} -.upsellFooter__63475 { - background-color: transparent; -} - - -// ONBOARDING -%guildSettingsOnboardingTestimonialContainer { - background-color: transparent -} -%guildSettingsOnboardingTestimonialQuotes { - color: var(--main-color) -} -%guildSettingsOnboardingTestimonial { - %textSmallMedium { - color: #fff !important; - } -} -%guildSettingsOnboardingUpsell { - background-color: rgba(0, 0, 0, 0.4); -} -%guildSettingsOnboardingUpsellList { - background-color: transparent; - &%guildSettingsOnboardingUpsellListSelected { - background-color: hsla(0, 0%, 100%, 0.07); - } -} -%guildSettingsOnboardingUpsellCheckboxCircle { - background-color: var(--main-color); -} -%guildSettingsOnboardingUpsellCheckbox { - &%guildSettingsOnboardingUpsellListSelected { - background-color: transparent; - border-color: $main-color; - } -} -%guildSettingsOnboardingUpsellUserCard { - background-color: rgba(0, 0, 0, 0.4); - &%userPopoutInnerThemed { - background-color: transparent; - } -} -%guildSettingsOnboardingUpsellUserAction { - background-color: rgba(0, 0, 0, 0.4); -} -%guildSettingsOnboardingUpsellChannelIcon { - background-color: $main-color; - svg { - color: #fff; - } -} - - -// SERVER INSIGHTS -.analyticsCard_a976ba { - background-color: hsla(0, 0%, 0%, 0.4); -} -.developerPortalCtaWrapper__21172 { - background-color: transparent; -} -.notEnoughMembersError__96545 { - background-color: var(--info-warning-background); -} -.memberInsightsContainer_a79381 { - background-color: transparent; -} -.insightsActions_f32a84 { - background-color: transparent; -} - -// ENABLE COMMUNITY -.guildDetails_fc2c63 { - background-color: hsla(0, 0%, 0%, 0.4); -} -.featureCard__0a441, -.featureIcon__48a2c { - background-color: hsla(0, 0%, 0%, 0.4); -} -.checkboxWrapper-2fDzaA.row-31nALW.checked-1pZh2h { - background-color: transparent; -} -.checkboxWrapper-2fDzaA.row-31nALW { - background-color: transparent; -} - - -// DISCOVERY -.checklist__88646 { - background-color: hsla(0, 0%, 0%, 0.4); - .header_d08072 { - background-color: hsla(0, 0%, 0%, 0.4); - } - .separator__26ad8 { - background-color: hsla(0, 0%, 100%, 0.06); - } -} - -// WELCOME SCREEN -.enableContainer__0945b, -.previewContainer_b0f5b4 { - background-color: hsla(0, 0%, 0%, 0.4); -} -.editCircle_fb533c { - background-color: $main-color; - color: white; -} -.welcomeChannel__0122f { - background-color: hsla(0, 0%, 100%, 0.05); -} -.channelIcon__2b0ed { - background-color: transparent; -} - -// SERVER SUBSCRIPTIONS -%guildSettingsSubsCard { - background-color: hsla(0, 0%, 0%, 0.4); -} -%guildSettingsSubsStepsContainer, -%guildSettingsSubsStepsImageContainer { - background-color: transparent; -} -%guildSettingsSubsEarningsPreviewContainer, -%guildSettingsSubsAvatarCard { - background-color: hsla(0, 0%, 100%, 0.07) !important; -} -%guildSettingsSubsEmojisContainer { - background-color: transparent; -} -%guildSettingsSubsViewServerButton { - background-color: $main-color; -} - -// SERVER BOOST STATUS -%themeDark { - .background__3dd67 { - color: hsla(0, 0%, 0%, 0.4); - } - .tierInProgress_f08e8b { - background-color: hsla(0, 0%, 0%, 0.4); - border: 3px solid #f47fff; - } - .tierHeaderLocked__4d099, - .tierHeaderUnlocked_cc60fa, - .tierBody__615a1 { - background-color: hsla(0, 0%, 0%, 0.4); - } -} \ No newline at end of file diff --git a/src/settings/sidebar.scss b/src/settings/sidebar.scss deleted file mode 100644 index 6e764c0..0000000 --- a/src/settings/sidebar.scss +++ /dev/null @@ -1,137 +0,0 @@ -/* SETTINGS SIDEBAR */ -%standardSidebarView { - background: transparent; -} -%settingsSidebarRegion { - %settingsSidebarScroller { - margin: 30px 8px 30px 0; - background: transparent; - -webkit-mask-image: linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent); - mask-image: linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent); - &::-webkit-scrollbar { - width: 0 !important; - } - } -} -%settingsSidebar { - height: 100%; - width: 260px; - padding: 0px 6px 0px 20px; - %settingsSide { - padding: 30px 0; - } -} -%settingsSidebar { - %settingsHeader { - color: $main-color; - font-weight: 700; - padding-top: 20px; - display: flex; - align-items: center; - justify-content: center; - &:before { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to left, $main-color 50%, transparent); - margin-right: 5px; - } - &:after { - content: ''; - height: 2px; - flex-grow: 1; - background: linear-gradient(to right, $main-color 50%, transparent); - margin-left: 5px; - } - > span { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - } - } -} -%settingsSeparator { - background: hsla(0, 0%, 100%, 0.07); - &:has(+ %settingsHeader) { - display: none; - } -} -%standardSidebarView { - %settingsSidebar { - %settingsSide { - %tabBarItem { - position: relative; - padding: 8px 20px; - color: hsla(0, 0%, 100%, 0.4); - margin: 0; - background: transparent; - transition: all 0.15s ease-in-out; - cursor: pointer; - &:before { - opacity: 0.4; - transition: inherit; - } - &:after { - content: ''; - position: absolute; - @include pos(0, 100%, 0, 0); - opacity: 0.9; - transition: all 0.3s ease-in-out; - z-index: -1; - pointer-events: none; - border-radius: 4px; - } - - // HOVER - &:hover { - background: hsla(0, 0%, 100%, 0.07); - color: hsla(0, 0%, 100%, 0.7); - &:before { - opacity: 0.7; - } - } - - // SELECTED - &%tabBarItemSelected { - &:before { - opacity: 1; - } - &:after { - right: 0; - background: $main-color; - animation: cv-channel-select 0.3s ease-in-out; - } - } - &%tabBarItemSelected { - background: transparent; - color: #fff; - transition: all 0.15s ease-in-out, background 0.3s 0.2s; - &%serverBoostTabItem { - background-color: transparent !important; - } - %settingsSidebarScrollerSelectedBackground { - background-color: transparent; - } - } - - // ONBOARDING STEP COUNTER - %textMediumNormal { - color: #fff !important; - } - } - %settingsServerBoostTabItem[aria-selected=true] { - background-color: $main-color !important; - } - } - } -} - -// SOCIAL LINKS -%settingsSocialLinks { - %settingsSocialLink { - color: hsla(0, 0%, 100%, 0.4); - &:hover { - color: hsla(0, 0%, 100%, 0.7); - } - } -} diff --git a/src/settings/userSettings.scss b/src/settings/userSettings.scss deleted file mode 100644 index fab8998..0000000 --- a/src/settings/userSettings.scss +++ /dev/null @@ -1,296 +0,0 @@ -/* USER SETTINGS */ - -// MY ACCOUNT -%userSettingsAccountProfileCard { - background-color: rgba(0, 0, 0, 0.4); -} -%userSettingsAccountProfileBackground, -%userSettingsAccountProfileFields { - background-color: transparent; -} -%userSettingsAccountProfileAvatar { - background: transparent; - border-color: transparent; -} - -// USER PROFILE -%avatarOptionBox { - background-color: transparent; -} -%avatarOptionCircle { - background-color: $main-color; - border: 2px solid $main-color; -} -%avatarUploadIcon { - padding: 0; -} -%avatarGifIconContainer { - background-color: $main-color; -} -%avatarDecoItem { - background-color: hsla(0, 0%, 100%, 0.05); - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - } - &%avatarDecoItemSelected { - box-shadow: inset 0 0 0 2px $main-color; - } -} -%avatarDecoItemBadge { - background-color: $main-color !important; -} -%avatarDecoPreview, -%avatarDecoPreviewSmall { - background-color: hsla(0, 0%, 100%, 0.05); -} - -%userSettingsProfilePremiumBorder { - background: hsla(0, 0%, 0%, 0.4); - border-color: hsl(302, 100%, 72.5%); -} -%userSettingsProfilePremiumBackground { - background: transparent; -} -%userSettingsProfileUpsellOverlayContainer { - background: hsla(0, 0%, 0%, 0.4); - border-color: hsl(302, 100%, 72.5%); -} -%themeDark { - %userSettingsProfileUpsellOverlay { - background: hsla(0, 0%, 0%, 0.4) - } -} - -// FAMILY CENTER -%userSettingsFamilyContainers, -%userSettingsFamilyBox { - background-color: hsla(0, 0%, 0%, 0.4); -} -%userSettingsFamilyCircle, -%userSettingsFamilyIconContainer { - background-color: transparent; -} -.row_c1b980 { - background-color: hsla(0, 0%, 100%, 0.07); -} - -// AUTHORIZED APPS -.authedApp-1tw-eT { - background-color: rgba(0, 0, 0, 0.4); - border-color: hsla(0, 0%, 100%, 0.07); -} - -// DEVICES -.sessionIcon__540be { - background-color: $main-color; - color: #fff; -} - -// CONNECTIONS -.connectContainer__8050b { - background-color: rgba(0, 0, 0, 0.4); - border-color: hsla(0, 0%, 100%, 0.07); -} -.accountButtonInner__80e3a, -.accountBtnInner-1DCgBm { - background-color: hsla(0, 0%, 100%, 0.05); - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - } -} - -// BILLING -%themeDark { - %userSettingsBillingIndicator { - background-color: $main-color; - } - .paymentPane__9cf01, - .paginator_e620d3 { - background-color: transparent; - } - .bottomDivider_a59d97 { - border-color: rgba(0, 0, 0, 0.07); - } - .hoverablePayment__3ea24 { - &:hover { - background-color: rgba(255, 255, 255, 0.05); - } - } - .payment__7d702 { - background-color: transparent; - &:not(.hoverablePayment__3ea24) { - background-color: hsla(0, 0%, 0%, 0.4); - } - } - .expandedInfo__47bad { - background-color: transparent; - box-shadow: 0 0 2px 2px $main-color; - } - .codeRedemptionRedirect-3SBiCp { - background-color: rgba(0, 0, 0, 0.4); - border-color: hsla(0, 0%, 100%, 0.07); - } - %userSettingsBillingMethodText { - color: #fff; - } -} - -// NITRO -%userSettingsNitroGiftCard { - background: rgba(0, 0, 0, 0.4); -} - -// SUBSCRIPTIONS -%themeDark { - :is(%userSettingsSubsNoItemsIcons) { - background-color: transparent; - > g > :is(path, rect, circle) { - fill-opacity: 0.8 !important; - stroke-opacity: 0.8 !important; - } - } -} -.scroller__244e5 { // nitro page - background-color: transparent; -} -%userSettingsSubsPayDetailsBlock { - background-color: rgba(0, 0, 0, 0.4); -} -.premiumSubscriptionAccountCredit__6bab4 { - background-color: rgba(0, 0, 0, 0.4); -} - -// GIFT INVENTORY -%giftPromotionCard { - background-color: rgba(0, 0, 0, 0.4); -} -%copyGiftCode { - background-color: hsla(0, 0%, 100%, 0.07); -} - -// SERVER BOOST -%userSettingsBoostHeaderBorderRect { - stroke: $main-color; -} -%userSettingsBoostHeader, -%userSettingsBoostGuildContainer, -%userSettingsBoostGuildSearchWrapper, -%userSettingsBoostRecognitionCard, -%userSettingsBoostFAQ { - background-color: rgba(0, 0, 0, 0.4); -} - -// APPEARANCE -%userSettingsAppearanceSelectionCircle { - width: calc(100% + 2px); - height: calc(100% + 2px); - box-shadow: inset 0 0 0 2px $main-color; - top: -1px; - left: -1px; -} -%userSettingsAppearanceCheckmart { - color: $main-color; -} - -// ACCESSIBILITY -%userSettingsAccessibilityMsgPreview { - background-color: transparent; -} - -// VOICE -%themeDark { - %userSettingsMicTest { - %userSettingsMicTestContainer { - background: $main-color !important; - mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='yellow'%3E%3Cpath fill-rule='evenodd' d='M 4 2 C 2.895 2 2 2.895 2 4 L 2 16 C 2 17.54 3.667 18.502 5 17.732 C 5.619 17.375 6 16.715 6 16 L 6 4 C 6 2.895 5.105 2 4 2 Z'/%3E%3C/svg%3E"); - -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='yellow'%3E%3Cpath fill-rule='evenodd' d='M 4 2 C 2.895 2 2 2.895 2 4 L 2 16 C 2 17.54 3.667 18.502 5 17.732 C 5.619 17.375 6 16.715 6 16 L 6 4 C 6 2.895 5.105 2 4 2 Z'/%3E%3C/svg%3E"); - } - %userSettingsMicTestProgress { - background-color: hsla(0, 0%, 0%, 0.7); - } - %userSettingsMicTestNotches { - rect { - fill: none; - } - } - } -} -%userSettingsEntranceSoundButton { - background-color: hsla(0, 0%, 100%, 0.1); -} - -// VIDEO -%userSettingsVideoCameraWrapper { - background-color: rgba(0, 0, 0, 0.7); - border-color: hsla(0, 0%, 100%, 0.07); -} -%userSettingsVideoBgOption { - background-color: rgba(0, 0, 0, 0.7); -} -%userSettingsVideoBgOptionRing { - border: 2px solid $main-color; -} -%userSettingsVideoBgOptionInner { - background-color: transparent; -} - -// GAME OVERLAY -%themeDark { - .nowPlaying__353c3 { - background-color: rgba($color: #43b581, $alpha: 0.6); - } -} -.wrapper__4beb8 { - border-color: $main-color; -} -.option_a0c054 { - background-color: hsla(0, 0%, 100%, 0.05); - opacity: 1; - &:hover { - background-color: hsla(0, 0%, 100%, 0.07); - opacity: 1; - } - &.selected_ea51d6 { - background-color: $main-color; - border-color: $main-color; - } -} - -// KEYBINDS -%themeDark { - .container__0c807 { - background-color: hsla(0, 0%, 100%, 0.05); - box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0.07); - border-color: transparent; - &:not(.disabled__8d382):hover { - border-color: transparent; - box-shadow: 0 0 2px 2px $main-color; - } - &.recording__97366 { - color: #fff; - box-shadow: 0 0 2px 2px $main-color; - animation: cv-shadow-pulse 1s ease-in infinite; - } - } -} - -// ACTIVITY STATUS -%themeDark { - .notDetected__2a0c9 { - background-color: hsla(0, 0%, 0%, 0.4); - border: hsla(0, 0%, 100%, 0.07); - } - .addGamePopout_e4ca8f { - background-color: hsla(0, 0%, 0%, 0.7); - } - .game__19f4b { - box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, 0.04); - } - .gameNameInput_e25dd8 { - &:hover, - &:focus { - background-color: hsla(0, 0%, 100%, 0.05); - border: hsla(0, 0%, 100%, 0.07); - } - } -} diff --git a/src/users/activity.scss b/src/users/activity.scss deleted file mode 100644 index 885107e..0000000 --- a/src/users/activity.scss +++ /dev/null @@ -1,20 +0,0 @@ -/* USER ACTIVITY */ -%activity { - %activityNameNormal { - color: $main-color; - text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); - font-weight: 600; - > %activityName { - color: inherit; - &%activityBodyLink:hover { - text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 1px; - } - } - } - %activityTimestamp { - font-style: italic; - } - %activityBodyLink { - @include hover-shadow; - } -} diff --git a/src/users/avatar.scss b/src/users/avatar.scss deleted file mode 100644 index 61253fa..0000000 --- a/src/users/avatar.scss +++ /dev/null @@ -1,4 +0,0 @@ -/* AVATAR */ -%avatarMask { - filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5)); -} diff --git a/src/users/botTag.scss b/src/users/botTag.scss deleted file mode 100644 index 1db176c..0000000 --- a/src/users/botTag.scss +++ /dev/null @@ -1,26 +0,0 @@ -/* BOT TAG */ -%botTag { - padding: 1px 2px; - background: hsla(0, 0%, 100%, 0.1); - color: hsla(0, 0%, 100%, 0.6); - font-weight: 700; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); - border-radius: 3px; -} -%botTagInvert { - padding: 2px 3px; - background: rgba(0, 0, 0, 0.3); - color: hsla(0, 0%, 100%, 0.8); -} -%member { - %botTag { - transition: all 0.15s ease-in-out; - } - &%memberPopoutOpen { - %botTag { - background: hsla(0, 0%, 100%, 0.3); - color: #fff; - text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); - } - } -} diff --git a/src/users/role.scss b/src/users/role.scss deleted file mode 100644 index ad24b69..0000000 --- a/src/users/role.scss +++ /dev/null @@ -1,81 +0,0 @@ -/* USER ROLE */ -%role { - position: relative; - display: flex; - flex-direction: row-reverse; - border-radius: 3px; - transition: all 0.1s ease-in-out; - background: transparent; - border-color: transparent; - cursor: default; - - > %roleName { - margin-right: 0; - margin-left: 4px; - color: hsla(0, 0%, 100%, 0.9); - transition: all 0.1s ease-in-out; - } - &:hover { - %roleCircle { - &:before { - opacity: 0.3; - } - } - > %roleName { - color: #fff; - } - } -} -%roleRemoveButton { - position: static; -} -%roleRemoveIcon > path { - margin-left: 2px; - fill: #fff; -} -%roleRemoveIcon { - left: calc(100% - 7px); -} -%roleCircle { - %userPopoutRoles &, - %guildSettingsMembersRoleWrapper &, - %forumSetupRoleList & { - width: 0 !important; - height: 0 !important; - &:not(:empty) { - margin-left: 6px; - } - &:before { - content: ''; - border-radius: 3px; - position: absolute; - @include pos(-1px, -1px, -1px, -1px); - background: inherit; - opacity: 0.2; - transition: all 0.1s ease-in-out; - pointer-events: none; - } - } -} -%roleAddButton { - background: hsla(0, 0%, 100%, 0.1); - transition: all 0.1s ease-in-out; - cursor: pointer; - > svg { - width: 7px; - height: 7px; - color: hsla(0, 0%, 100%, 0.5); - transition: inherit; - } - &:hover { - background: hsla(0, 0%, 100%, 0.2); - > svg { - color: #fff; - } - } -} -/*assign roles popout*/ -.container_d27846 { - background-color: hsla(0, 0%, 0%, 0.8); - border: none; -} diff --git a/src/users/status.scss b/src/users/status.scss deleted file mode 100644 index 2c0cf55..0000000 --- a/src/users/status.scss +++ /dev/null @@ -1,42 +0,0 @@ -/* STATUS */ -%avatarMask { - rect { - &[mask='url(#svg-mask-status-online)'], - &[mask='url(#svg-mask-status-online-mobile)'] { - fill: var(--online-color); - } - &[mask='url(#svg-mask-status-idle)'] { - fill: var(--idle-color); - } - &[mask='url(#svg-mask-status-dnd)'] { - fill: var(--dnd-color); - } - &[mask='url(#svg-mask-status-streaming)'] { - fill: var(--streaming-color); - } - &[mask='url(#svg-mask-status-offline)'] { - fill: var(--offline-color); - } - } -} - -// USER PROFILE -%userProfileStatus { - rect { - &[mask='url(#svg-mask-status-online)'] { - fill: var(--online-color); - } - &[mask='url(#svg-mask-status-idle)'] { - fill: var(--idle-color); - } - &[mask='url(#svg-mask-status-dnd)'] { - fill: var(--dnd-color); - } - &[mask='url(#svg-mask-status-streaming)'] { - fill: var(--streaming-color); - } - &[mask='url(#svg-mask-status-offline)'] { - fill: var(--offline-color); - } - } -} \ No newline at end of file diff --git a/src/variables.scss b/src/variables.scss deleted file mode 100644 index 6cf9b76..0000000 --- a/src/variables.scss +++ /dev/null @@ -1,160 +0,0 @@ -// CLEARVISION VARIABLES -$cv: ( - // CONSTANTS - constants: - ( - colors: ( - discord-blurple: #5865f2, - twitch-purple: #9146ff, - spotify-green: #1db954, - xbox-green: #107c10, - facebook-blue: #1877f2, - ), - text: ( - titlebar: ( - main: 'ClearVision', - version: 'v#{$version}', - short: 'CV', - ), - account: ( - main: 'ClearVision', - version: 'v#{$version}', - ), - ), - ), - // SETTINGS - settings: - ( - // COLORS - colors: - ( - main: var(--main-color), - hover: var(--hover-color), - success: var(--success-color), - danger: var(--danger-color), - online: var(--online-color), - idle: var(--idle-color), - dnd: var(--dnd-color), - offline: var(--offline-color), - streaming: var(--streaming-color), - ), - // FONT - font: - ( - main: var(--main-font), - code: var(--code-font), - ), - // GENERAL - channels-width: var(--channels-width), - members-width: var(--members-width), - // BACKGROUNDS - bg: - ( - // APP BACKGROUND - app: - ( - shading: var(--background-shading), - overlay: var(--background-overlay), - img: var(--background-image), - pos: var(--background-position), - size: var(--background-size), - repeat: var(--background-repeat), - attach: var(--background-attachment), - brightness: var(--background-brightness), - contrast: var(--background-contrast), - saturate: var(--background-saturation), - invert: var(--background-invert), - grayscale: var(--background-grayscale), - sepia: var(--background-sepia), - blur: var(--background-blur), - ), - // BACKDROP BACKGROUND - backdrop: - ( - overlay: var(--backdrop-overlay), - img: var(--backdrop-image), - pos: var(--backdrop-position), - size: var(--backdrop-size), - repeat: var(--backdrop-repeat), - attach: var(--backdrop-attachment), - brightness: var(--backdrop-brightness), - contrast: var(--backdrop-contrast), - saturate: var(--backdrop-saturation), - invert: var(--backdrop-invert), - grayscale: var(--backdrop-grayscale), - sepia: var(--backdrop-sepia), - blur: var(--backdrop-blur), - ), - // USER POPOUT BACKGROUND - popout: - ( - img: var(--user-popout-image), - pos: var(--user-popout-position), - size: var(--user-popout-size), - repeat: var(--user-popout-repeat), - attach: var(--user-popout-attachment), - brightness: var(--user-popout-brightness), - contrast: var(--user-popout-contrast), - saturate: var(--user-popout-saturation), - invert: var(--user-popout-invert), - grayscale: var(--user-popout-grayscale), - sepia: var(--user-popout-sepia), - blur: var(--user-popout-blur), - overlay: var(--user-popout-overlay), - ), - // USER MODAL BACKGROUND - modal: - ( - img: var(--user-modal-image), - pos: var(--user-modal-position), - size: var(--user-modal-size), - repeat: var(--user-modal-repeat), - attach: var(--user-modal-attachment), - brightness: var(--user-modal-brightness), - contrast: var(--user-modal-contrast), - saturate: var(--user-modal-saturation), - invert: var(--user-modal-invert), - grayscale: var(--user-modal-grayscale), - sepia: var(--user-modal-sepia), - blur: var(--user-modal-blur), - ), - // HOME BUTTON BACKGROUND - home: - ( - icon: var(--home-icon), - pos: var(--home-position), - size: var(--home-size), - ) - ) - ), - // DISCORD - discord: - ( - status: ( - online: ( - hex: #3ba55d, - rgb: 'rgb(59, 165, 93)', - ), - idle: ( - hex: #faa81a, - rgb: 'rgb(250, 168, 26)', - ), - dnd: ( - hex: #ed4245, - rgb: 'rgb(237, 66, 69);', - ), - streaming: ( - hex: #593695, - rgb: 'rgb(89, 54, 149)', - ), - offline: ( - hex: #747f8d, - rgb: 'rgb(116, 127, 141)', - ), - ), - ) -); - -// SHORTHANDS -$main-color: cv('colors.main'); -$hover-color: cv('colors.hover');