From 013d17afd79df6dc06445fe18865bbb258dd7893 Mon Sep 17 00:00:00 2001
From: czarhex <czarhex@protonmail.com>
Date: Wed, 17 Aug 2022 23:43:48 +0200
Subject: [PATCH] use monospace font for code (#26)

* use monospace font for codeblocks

* use monospace font for code

* use monospace font for code

* fix comment

* this is not needed
---
 src/_chat.scss    |  4 ----
 src/_font.scss    | 24 +++++++++++++-----------
 surCord.theme.css | 24 +++++++++++++-----------
 surCord.user.css  | 16 +++++++++++++---
 4 files changed, 39 insertions(+), 29 deletions(-)

diff --git a/src/_chat.scss b/src/_chat.scss
index 53d2a17..814a345 100644
--- a/src/_chat.scss
+++ b/src/_chat.scss
@@ -90,8 +90,6 @@ backdrop-filter: blur(10px);
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483);
     border: 1px solid var(--surCordBorder); 
     background: rgba(41, 38, 39, 0.276);
-    font-family: 'SF Mono', SFMono-Regular, ui-monospace,
-    'DejaVu Sans Mono', Menlo, Consolas, monospace;
 }
 .embedFull-1HGV2S {
         background-color: transparent;
@@ -101,8 +99,6 @@ backdrop-filter: blur(10px);
         background: rgba(231, 234, 237, 0.436) !important; 
         box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
         border: 1px solid rgba(249, 249, 249, 0.772); 
-        font-family: 'SF Mono', SFMono-Regular, ui-monospace,
-        'DejaVu Sans Mono', Menlo, Consolas, monospace;
     }
 }
 /* Nitro Claim a Gift, Join a Server */
diff --git a/src/_font.scss b/src/_font.scss
index 4555e28..a5ae00b 100644
--- a/src/_font.scss
+++ b/src/_font.scss
@@ -4,19 +4,21 @@
 > Designed by Apple in California - SAN FRANSISCO DISPLAY - https://developer.apple.com/fonts/ 
 */
 
-.platform-osx * {
-  font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
+code,
+.inlineCode-ERyvy_,
+.after_inlineCode-2_JXPm,
+.before_inlineCode-1zngJj,
+.codeLine-2C-9aH,
+.codeBlockText-28BOxV {
+  font-family: "SF Mono", mono, monospace;
+}
+
+::placeholder, ::-webkit-input-placeholder,
+body, button, input, select, textarea, .base-ZDDK0g, .headerText-1qIDDT, .header-Imy05m, .container-q97qHp, .name-3Uvkvr, .text-md-bold-22PzaZ, .text-md-semibold-3xVVGu, .text-sm-medium-3Pz3rB, .text-sm-normal-3Zj3Iv, .text-xs-medium-2LRpEj, .text-xs-normal-3SiVjE {
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
   text-rendering: optimizeLegibility !important;
   // font-weight: bold;
   text-transform: none;
 }
 
-.platform-linux *,
-.platform-win * {
-  font-family: "SF Pro Display", sans-serif !important;
-  text-rendering: optimizeLegibility !important;
-  // font-weight: bold;
-  text-transform: none;
-}
-
-@import url("https://v1.fontapi.ir/css/SFProDisplay");
+@import url("https://raw.githubusercontent.com/czarhex/SanFranciscoFontCSS/main/SFFont.css");
diff --git a/surCord.theme.css b/surCord.theme.css
index da66ca0..2d15c50 100644
--- a/surCord.theme.css
+++ b/surCord.theme.css
@@ -77,22 +77,24 @@
 /* Uncomment the line below to use Apple's Emoji font */
 /* @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css); */
 
-.platform-osx * {
-  font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
+code,
+.inlineCode-ERyvy_,
+.after_inlineCode-2_JXPm,
+.before_inlineCode-1zngJj,
+.codeLine-2C-9aH,
+.codeBlockText-28BOxV {
+  font-family: "SF Mono", mono, monospace;
+}
+
+::placeholder, ::-webkit-input-placeholder,
+body, button, input, select, textarea, .base-ZDDK0g, .headerText-1qIDDT, .header-Imy05m, .container-q97qHp, .name-3Uvkvr, .text-md-bold-22PzaZ, .text-md-semibold-3xVVGu, .text-sm-medium-3Pz3rB, .text-sm-normal-3Zj3Iv, .text-xs-medium-2LRpEj, .text-xs-normal-3SiVjE {
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
   text-rendering: optimizeLegibility !important;
   /* font-weight: bold; */
   text-transform: none;
 }
 
-.platform-linux *,
-.platform-win * {
-  font-family: "SF Pro Display", sans-serif !important;
-  text-rendering: optimizeLegibility !important;
-  /* font-weight: bold; */
-  text-transform: none;
-}
-
-@import url("https://v1.fontapi.ir/css/SFProDisplay");
+@import url("https://raw.githubusercontent.com/czarhex/SanFranciscoFontCSS/main/SFFont.css");
 
 /* 
 /////////////////////////////////////////
diff --git a/surCord.user.css b/surCord.user.css
index 4499b1e..4aabdf6 100644
--- a/surCord.user.css
+++ b/surCord.user.css
@@ -56,12 +56,22 @@
 /* Uncomment the line below to use Apple's Emoji font */
 /* @import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css); */
 
-* {
-  font-family: "SF Pro Display", sans-serif !important;
+code,
+.inlineCode-ERyvy_,
+.after_inlineCode-2_JXPm,
+.before_inlineCode-1zngJj,
+.codeLine-2C-9aH,
+.codeBlockText-28BOxV {
+  font-family: "SF Mono", mono, monospace;
+}
+
+::placeholder, ::-webkit-input-placeholder,
+body, button, input, select, textarea, .base-ZDDK0g, .headerText-1qIDDT, .header-Imy05m, .container-q97qHp, .name-3Uvkvr, .text-md-bold-22PzaZ, .text-md-semibold-3xVVGu, .text-sm-medium-3Pz3rB, .text-sm-normal-3Zj3Iv, .text-xs-medium-2LRpEj, .text-xs-normal-3SiVjE {
+  font-family: "SF Pro Display", sans-serif;
   text-rendering: optimizeLegibility !important;
   /* font-weight: bold; */
   text-transform: none;
 }
 
-@import url("https://v1.fontapi.ir/css/SFProDisplay");
+@import url("https://raw.githubusercontent.com/czarhex/SanFranciscoFontCSS/main/SFFont.css");
 }