_variables.scss in another-theme-1.0.0

- old
+ new

@@ -3,12 +3,12 @@
   --rgb-primary: 32,32,32;
   --bg-color: #f9f9f9;
 }
 
 [data-theme="dark"] {
-  --primary-color: #dbdbdb;
-  --rgb-primary: 219,219,219;
+  --primary-color: #f9f9f9;
+  --rgb-primary: 249,249,249;
   --bg-color: #171717;
 }
 
 // Root
 $root-font-family: 'Inter', system-ui, sans-serif;
@@ -16,12 +16,13 @@
 $root-font-size: 16px;
 $root-letter-spacing: -0.011em;
 $root-line-height: 22px;
 
 // Responsive
-$large-breakpoint: 1024px;
-$medium-breakpoint: 768px;
+$large-breakpoint: 1200px;
+$medium-breakpoint: 992px;
+$small-breakpoint: 768px;
 $large-font-size: 18px;
 $large-font-letter-spacing: -0.014em;
 $large-font-line-height: 25px;
 
 // Typography
@@ -32,17 +33,17 @@
 $headings-margin-bottom: 0.75rem;
 $headings-color: var(--primary-color);
 
 $heading-xl: (
   font-size: 40px,
-  font-weight: 500,
+  font-weight: 600,
   letter-spacing: -0.022em,
   line-height: 56px,
 );
 $heading-lg: (
   font-size: 24px,
-  font-weight: 500,
+  font-weight: 600,
   letter-spacing: -0.019em,
   line-height: 34px,
 );
 $heading-md: (
   font-size: 20px,
@@ -62,13 +63,13 @@
   letter-spacing: -0.011em,
   line-height: 22px,
 );
 
 $body-lg: (
-  font-size: 18px,
+  font-size: 18px !important,
   font-weight: 400,
-  letter-spacing: -0.014em,
+  letter-spacing: -0.014em !important,
   line-height: 25px,
 );
 
 $body-md: (
   font-size: 16px,
@@ -89,10 +90,10 @@
   font-weight: 400,
   letter-spacing: -0.003em,
   line-height: 18px,
 );
 
-$code-font-family: "IBM Plex Mono", monospace;
+$code-font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
 $code-color: #bf616a;
 
 
 // Add properties
 // Used to convert elements of Sass maps into CSS attributes