selected !== "dark" && setTheme({ preset: "dark" })
@@ -172,6 +173,7 @@ export function Component(props: Props) {
))}
+ {/* TOFIX: Only show when a font with ligature support is selected, i.e.: Inter.
-
+ */}
@@ -281,6 +283,9 @@ export function Component(props: Props) {
+
+ App
+
{(
[
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 1733f2d2..6f058da1 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -190,7 +190,7 @@
}
.button {
- padding: 2rem 1.5rem;
+ padding: 2rem 1.2rem;
display: grid;
place-items: center;
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 73530ade..83daa2ba 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -5,6 +5,9 @@
--app-height: 100vh;
--codeblock-font: "Fira Code";
--sidebar-active: var(--secondary-background);
+
+ --background-rgb: (25,25,25); //THIS IS SO THAT WE CAN HAVE CUSTOM BACKGROUNDS FOR THE CLIENT, CONVERTS THE HEX TO AN RGB VALUE FROM --background
+ --background-rgba: rgba(var(--background-rgb), .8); //make the opacity also customizable
--input-border-width: 2px;