mirror of
https://github.com/Nezumi-2711/surCord.git
synced 2026-09-22 13:48:38 +00:00
91 lines
3.9 KiB
Markdown
91 lines
3.9 KiB
Markdown
<h1 align="center">surCord</h1>
|
|
<p align="center">Hello. Again. </p>
|
|
|
|
# 
|
|
|
|
## How to use
|
|
|
|
### Discord App
|
|
|
|
* BetterDiscord, Vencord, and Openasar users can grab the [surCord.theme.css](hhttps://raw.githubusercontent.com/SlippingGittys-Discord-Themes/surCord/main/surCord.theme.css) file and either
|
|
* Place the file in the BetterDiscord themes folder
|
|
* Follow the instructions on Vencord's themes tab
|
|
* Copy the text in the file, and paste it in Openasar's quick CSS text field
|
|
* Replugged users can
|
|
* Open a terminal in the themes folder and type `git clone https://github.com/SlippingGittys-Discord-Themes/surCord`
|
|
|
|
### Browser
|
|
* [](https://github.com/SlippingGittys-Discord-Themes/surCord/raw/main/surCord.user.css)
|
|
|
|
## Translucenty (Addon offically maintained on macOS only)
|
|
|
|
<details>
|
|
<summary>Information on enabling translucency</summary>
|
|
|
|
### Check out [this issue](https://github.com/SlippingGittys-Discord-Themes/surCord/issues/42) if you use Windows. [Mica for Everyone](https://github.com/MicaForEveryone/MicaForEveryone) is known to play decently, but be very spotty.
|
|
|
|
Albeit not out of the box, (and very much intentionally so), this theme supports translucency in some areas.
|
|
|
|
|
|
|
|
### You can achieve the same look on Vencord/macOS by doing as follows:
|
|
|
|
* Go to Settings > Vencord, then toggle "Enable Translucent Window".
|
|
|
|
|
|
|
|
* Assuming that the entire surCord.theme.css contents are in QuickCSS:
|
|
* Paste `@import url('https://slippinggittys-discord-Themes.github.io/surCord/src/fixations/additions/translucency.css');` underneath the source @import, as demonstrated so bellow
|
|
|
|
|
|
|
|
### Extra info
|
|
* You can adjust the oppacity and colors by pasting & messing with these varriables
|
|
|
|
```css
|
|
|
|
.theme-dark {
|
|
--background-tertiary: #2f31364b;
|
|
}
|
|
|
|
.theme-light {
|
|
--background-tertiary: #ffffff1d;
|
|
}
|
|
|
|
```
|
|
|
|
##### Also see [Acorn, an Accord inspired theme based on surCord made specifically for Vencord + macOS](https://github.com/SlippingGitty/Acorn)
|
|
</details>
|
|
|
|
## Extra info
|
|
<details>
|
|
<summary>Information about accents, themes, emoji, fonts, and more!</summary>
|
|
|
|
* You can very easily [change the accent and theme color](https://cdn.discordapp.com/attachments/816373850647953439/984177819204603924/unknown.png) for surCord by navigating to `/src/_theming.scss` and [uncommenting **>>>one<<<**](https://github.com/SlippingGittys-Discord-Themes/surCord/blob/main/src/_theming.scss) of the accent colors and one of the background colors.
|
|
|
|
BD and Stylus can uncomment these in surCord.theme.css / surCord.user.css
|
|
|
|
* You can set surCord to use Apple's Emoji font
|
|
|
|
* Navigate to `/src/_modules.scss` and uncomment `@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css);`
|
|
|
|
* You can uncomment `font-weight: bold !important;` in your respective font sections
|
|
to use **San Fransisco Display Bold**. *(Or specify your own weight, 100-900; bold = 700)*
|
|
|
|
- **BD:** surCord.theme.css
|
|
- **Replugged/Powercord:** `/src/_font.scss`
|
|
- **Stylus:** surCord.user.css
|
|
|
|
* Stylus users on Firefox have to be on version 102 or later and toggle "Patch CSP to allow style assets"
|
|
Chromium browsers shall be fine by default on any recent version.
|
|
|
|
|
|
</details>
|
|
|
|
|
|
## Devs, Contributors, and other Creditors
|
|
|
|
See [here.](https://github.com/SlippingGittys-Discord-Themes/surCord/graphs/contributors)
|
|
|
|
#### Support Server : https://discord.gg/7FQQTf8gGj
|