slippinggittys-discord-themes/surcord

A Discord Theme inspired by macOS & Human Interface Guidelines.

surCord

Hello. Again.

How to use

Discord App

• BetterDiscord, Vencord, and Openasar users can grab the surCord.theme.css file and either
  • Place the file in the BetterDiscord or Vencord themes folder
  • Copy the text in the file, and paste it in Openasar's quick CSS text field

Browser

• 

Temporary Icon Fix w/ Experiments

Translucenty (Addon offically maintained on macOS only)

Information on enabling translucency

Check out this issue if you use Windows. Mica for Everyone 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

.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

Extra info

Information about accents, themes, emoji, fonts, and more!

• You can very easily change the accent and theme color for surCord by navigating to /src/_theming.scss and uncommenting >>>one<<< 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.

  

Devs, Contributors, and other Creditors

See here.

Support Server : https://discord.gg/7FQQTf8gGj

surcord's Issues

Keybinds icon not showing unless selected

The keybinds icon is not showing unless I am in that tab:

When not selected:

When selected:

Server icons clip through border when in server folders

Changing accents and themes causes the theme to break

With it set to default

With Tokyo Accent

With Tokyo Night Pallete

no SF font by default, broken theming (betterdiscord)

Hi there,

using BD to theme discord on Linux

by default, it mostly uses the Arial font and adding additions like themes just doesn't work because css doesn't understand @use and it doesn't know that --surCordBackground is supposed to change --background etc.

this can be "fixed" by copy pasting the contents of all of the .scss files from the src folder into surCord.theme.css, however all themes including the default break.

I can apply the theme additions by copying the :root section from it's .scss into surCord.theme.css after doing the step above
(though some elements still don't get themed or break)

not sure if I installed surCord theme correctly, but I don't think there's another way because BD will only use the surCord.theme.css file

This is surCord by default, installed by downloading and putting surCord.theme.css into BD's themes folder

surCord after copying contents of the .scss files into surCord.theme.css and added AMOLED theme + Hatsune accent

Missing background blur on the "more active threads" tooltip

Using surCord (or Acorn), when I hover on a channel which has some active threads, it shows a tooltip, and actually it has a translucent background, but no background blur with it, so it often gives something bearly readable, and as the background of the right click, the gif selector and other popout things like that do have transparent background, it would add uniformity to the theme.

Sorry for the french screenshot, I'm a baguette-eater 😅

For that matters, I'm using Vencord + OpenAsar on MacOS Ventura

Suggestions: You CAN actually enable transparency on windows 10 or 11, by using Mica For Everyone

the Readme says "for macOS only", that's not true.
although, when enabled, it looks little janky compared when using other "translucent" theme.

Theme doesn't work for Powercord

Theme doesn't seem to work for Powercord

I was able to make it work by editing the manifest.json file from ./src/_index.scss to ./surCord.theme.css.

Can there be a more permanent solution?

Windows 11
Canary
powercord
English

macos traffic lights not working on windows 11

after the latest discord update, macos traffic lights not working on windows 11

Altering the colour changes most things, but not all.

You can see it in the following locations:

• Context menus: if you put your cursor just outside of hover range or if you focus a submenu
  Image

  
• Replying to a message: if you try to reply to a message, the colour showing the selected message will be in the incorrect colour.
  Image

  
• Check Boxes: Checkboxes will remain blue when enabled
  Image

  
• Radio selection: Radios within context menus seem to only be blue.
  Image

  
• Buttons hover: Upon hovering over some buttons they go back to blue.
  Images

  
• Sliders: Sliders seem to not change colour at all..
  Image

  
  
  These are most of the locations which i could find within a reasonable time span, im sure there are more but obviously it will just take time to patch them all out.

Theme leaves a solid line through server banners

As in the title, example shown below:

Currently using:
Discord Canary 131204 (1ea62d4)
Host 1.0.46
Windows 10 64-Bit (10.0.19044)
Powercord v2 (92ceae9)

Theme doesn't apply discord theme colors in some instances.

Theme doesn't apply discord theme colors in some instances.
example:

Appreciation

Hi, just wanted to tell the theme is beautiful, thanks to everyone who contributed with the project. If I'm being inconvenient to say this on the "issues" category I'm sorry but I didn't find any other place to say this

Discord PTB, unable to open the thread in discussion

Versions

Ptb 201348 (82b31d7)
Host 0.0.73
OS X 10.15.7 (22.5.0)

BetterDiscord Core v1.9.2

on Original Theme

on surCord

No thread is opened. Expected a floating window displaying the thread in the right side.

MacOS or Windows?

Is the image inside the readme.md file from MacOS or Windows?

broken icons and no blur on web discord (stylus)

bootstrap icons don't get used, instead the icons in (/src/fixations/_assets.scss)
look zoomed in (changing the scale doesn't fix it)

broken icons (user.css unchanged)

after copying source.css and removing icons from _assets.scss (discord default icons)

my suggestions:

• build a seperate source.css for surCord.user.css without _assets.scss
• same thing but use different icons for user.css
• cook up a better idea than me 🤷 lol

icons in settings do work properly.

Unable to click top portion of window + options off center

Hi, I have been having this issue ever since I installed the theme where I am unable to click the top portion of the window. I also noticed that some things are also off center.

Icon for the new section "Friend Requests" in User Settings

recent Canary update introduced a new section called Friend Requests in the User Settings. I was wondering if an icon could be added to it.

bold option for those who want bold ios text

idk how to suggest shit but, yeah

Unable to open threads

Discord's thread feature is not working with this theme. It should open a floating panel to the right when you click on a thread.

discord join link is expired

not an issue with the theme, but i cant join your discord since all of the links i found on your repos are all expired.

[QUESTION] Codeblock fonts

Is it possible to use SF Mono for codeblocks? If not, shouldn't the theme leave these to use their default?

Transparency in OpenAsar

Is it possible, if so, how?