jekyll-theme-dec-terminal 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8291d32f4cc3383e1de448ac8d420e8bda45317aa31dac525e263b9a2f35cf43
-  data.tar.gz: b7759d0e9c84aaf62924d5197d2f1d9b09199d6b3fc694eae65f9d308f98c497
+  metadata.gz: 3af40c327588b055217558aa5feeff393a4c1a58e0c57907fb2da227cdc50bef
+  data.tar.gz: 1d561712aecb45ea7fd825b43e5b374e6e9140d83fe222d9ab1eb8cc431e9438
 SHA512:
-  metadata.gz: ff337b0df6cbede046324f007f745cd4b1e57768224944a060726a4e4ec613ebcc0862582aabf7d8e847d0089b0361a23ce1ff757213469956f0b21a5f603441
-  data.tar.gz: 220efe0e950e87a51635064319e3331de99f45c9e56316dbe6607f20902a8cf685b68c4de1dbb909a06713bb756e76558ffee15bcba1b354a6808b99d45f6947
+  metadata.gz: 572d5d7171905c787a34996d7cc85e618212b9dc989d1d549b11a1f1acc06e27b94899a9411002050c9dcf72bf77ea52acaadbb0514db2aa93df6dad0c920c6e
+  data.tar.gz: 172d3d3d2114d1861a4db0d0a5d22f27f918008d77fb42cdf18cdb32c2cb40431d7d3485a836b3ad75f71bbfc1495759155fb2c10b9d86b1b498798cf92d70e3

data/_config.yml

@@ -6,3 +6,6 @@ defaults:
       type: "posts"
     values:
       layout: "post"
+
+dec_terminal_theme:
+  show_post_dates_on_posts: true

data/_includes/footer.html

@@ -1 +1 @@
-Love from <a href="https://github.com/okdecm">@okdecm</a>
+Love, <a href="https://github.com/okdecm">@okdecm</a>

data/_layouts/page.html

@@ -4,37 +4,39 @@ layout: container
 
 <div class="page {% if page.id %} page-id-{{ page.id }} {% endif %}">
 	<div class="container">
-		<header>
-			<div class="terminal">
-				<div class="titles line">
-					<a class="site-title" href="{{ site.url }}">
-						{{ site.title | escape }}
-					</a>
+		<div class="stack">
+			<header>
+				<div class="terminal">
+					<div class="titles line">
+						<a class="site-title" href="{{ site.url }}">
+							{{ site.title | escape }}
+						</a>
 
-					{% if page.title %}
-					<span class="separator">/</span>
+						{% if page.title %}
+						<span class="separator">/</span>
 
-					<a class="page-title" href="{{ page.url }}">
-						{{ page.title | escape }}
-					</a>
-					{% endif %} >
+						<a class="page-title" href="{{ page.url }}">
+							{{ page.title | escape }}
+						</a>
+						{% endif %} >
 
-					<span class="input-marker">_</span>
+						<span class="input-marker">_</span>
+					</div>
 				</div>
-			</div>
 
-			<div class="actions">
-				<a class="set-theme-light" href="#" onClick="setTheme('light')">> light</a>
-				<a class="set-theme-dark" href="#" onClick="setTheme('dark')">> dark</a>
-			</div>
-		</header>
+				<div class="actions">
+					<a class="set-theme-light" href="#" onClick="setTheme('light')">> light</a>
+					<a class="set-theme-dark" href="#" onClick="setTheme('dark')">> dark</a>
+				</div>
+			</header>
 
-		<main>
-			{{ content }}
-		</main>
+			<main>
+				{{ content }}
+			</main>
 
-		<footer>
-			{% include footer.html %}
-		</footer>
+			<footer>
+				{% include footer.html %}
+			</footer>
+		</div>
 	</div>
 </div>

data/_layouts/posts.html

@@ -9,14 +9,16 @@ layout: page
 
 	<ul class="list">
 		{% if site.posts %}
-		{% for post in site.posts %}
-		<li>
-			<a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
-			<span class="post-date">{{ post.date | date: "%Y-%m-%d" }}</span>
-		</li>
-		{% endfor %}
+			{% for post in site.posts %}
+				<li>
+					<a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+					{% if site.dec_terminal_theme.show_post_dates_on_posts %}
+						<span class="post-date"> - {{ post.date | date: "%Y-%m-%d" }}</span>
+					{% endif %}
+				</li>
+			{% endfor %}
 		{% else %}
-		<li>No posts found.</li>
+			<li>No posts found.</li>
 		{% endif %}
 	</ul>
 </div>

data/_sass/{index.scss → _dec-terminal.scss}

@@ -1,7 +1,9 @@
-@import "./layouts";
+@use "./themes";
+
+@use "./layouts";
 
 html {
-	@import "./themes";
+	@include themes.contained;
 
 	* {
 		margin: 0;
@@ -18,24 +20,18 @@ html {
 	h6 {
 		color: var(--color-flair);
 
-		margin-bottom: var(--gap-small);
+		margin: var(--gap-small) 0;
 	}
 
 	h1 {
-		margin-top: var(--gap-large);
-
 		font-size: var(--text-size-large);
 	}
 
 	h2 {
-		margin-top: var(--gap-medium);
-
 		font-size: var(--text-size-medium);
 	}
 
 	h3 {
-		margin-top: var(--gap-small);
-
 		font-size: var(--text-size-small);
 	}
 
@@ -46,7 +42,8 @@ html {
 	}
 
 	p {
-		margin: var(--gap-small) 0;
+		margin-top: var(--gap-small);
+		margin-bottom: var(--gap-medium);
 	}
 
 	pre.highlight {

data/_sass/layouts/_index.scss

@@ -0,0 +1,6 @@
+@forward "./container";
+
+@forward "./page";
+
+@forward "./posts";
+@forward "./post";

data/_sass/layouts/_page.scss

@@ -0,0 +1,77 @@
+.theme-light {
+	.page {
+		header {
+			.actions {
+				.set-theme-light {
+					color: var(--color-brand);
+				}
+			}
+		}
+	}
+}
+
+.theme-dark {
+	.page {
+		header {
+			.actions {
+				.set-theme-dark {
+					color: var(--color-brand);
+				}
+			}
+		}
+	}
+}
+
+.page {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+
+	min-height: 100vh;
+
+	.container {
+		max-width: 750px;
+		width: 100%;
+		padding: var(--gap-medium);
+
+		.stack {
+			display: flex;
+			flex-direction: column;
+			gap: var(--gap-large);
+
+			min-height: 100%;
+
+			>header {
+				display: flex;
+
+				align-items: center;
+
+				.titles {
+					font-size: var(--text-size-xlarge);
+
+					&>* {
+						font-size: var(--text-size-xlarge);
+					}
+
+					.site-title {
+						color: var(--color-brand);
+					}
+
+					.page-title {
+						color: var(--color-highlight);
+					}
+				}
+
+				.actions {
+					margin-left: auto;
+				}
+			}
+
+			>footer {
+				margin-top: auto;
+
+				font-size: var(--text-size-small);
+			}
+		}
+	}
+}

data/_sass/themes/_index.scss

@@ -0,0 +1,12 @@
+@use "./light";
+@use "./dark";
+
+@mixin contained {
+	&.theme-light {
+		@include light.theme;
+	}
+
+	&.theme-dark {
+		@include dark.theme;
+	}
+}

data/_sass/themes/dark/_index.scss

@@ -0,0 +1,29 @@
+@use "sass:meta";
+
+@use "./primitives/colors";
+
+@mixin theme {
+	@include meta.load-css("./third-party/rogue_highlight");
+
+	--gap-tiny: 0.2rem;
+	--gap-small: 0.6rem;
+	--gap-medium: 1rem;
+	--gap-large: 1.6rem;
+	--gap-xlarge: 2.4rem;
+
+	--color-brand: #{colors.$rose-lightest};
+	--color-flair: #{colors.$red-lightest};
+	--color-highlight: #{colors.$emerald-lightest};
+	--color-subtle: #{colors.$white-darkest};
+
+	--text-color: #{colors.$white};
+	--text-size-tiny: 0.6rem;
+	--text-size-small: 0.8rem;
+	--text-size-medium: 1rem;
+	--text-size-large: 1.2rem;
+	--text-size-xlarge: 1.4rem;
+
+	--background-color: #{colors.$black-darkest};
+	--surface-color: #{colors.$black-darker};
+	--raised-color: #{colors.$black};
+}

data/_sass/themes/dark/primitives/_colors.scss

@@ -0,0 +1,83 @@
+$red-lightest: #FF8D80;
+$red-lighter: #FF5F4D;
+$red: #FF311A;
+$red-darker: #C02D1D;
+$red-darkest: #80241A;
+
+$orange-lightest: #FFCD80;
+$orange-lighter: #FFB84D;
+$orange: #FFA41A;
+$orange-darker: #C07F1D;
+$orange-darkest: #80571A;
+
+$yellow-lightest: #F3FF80;
+$yellow-lighter: #EEFF4D;
+$yellow: #E9FF1A;
+$yellow-darker: #B0C01D;
+$yellow-darkest: #76801A;
+
+$chartreuse-lightest: #B3FF80;
+$chartreuse-lighter: #94FF4D;
+$chartreuse: #76FF1A;
+$chartreuse-darker: #5EC01D;
+$chartreuse-darkest: #43801A;
+
+$green-lightest: #80FF8D;
+$green-lighter: #4DFF5F;
+$green: #1AFF31;
+$green-darker: #1DC02D;
+$green-darkest: #1A8024;
+
+$emerald-lightest: #80FFCD;
+$emerald-lighter: #4DFFB8;
+$emerald: #1AFFA4;
+$emerald-darker: #1DC07F;
+$emerald-darkest: #1A8057;
+
+$cyan-lightest: #80F3FF;
+$cyan-lighter: #4DEEFF;
+$cyan: #1AE9FF;
+$cyan-darker: #1DB0C0;
+$cyan-darkest: #1A7680;
+
+$azure-lightest: #80B3FF;
+$azure-lighter: #4D94FF;
+$azure: #1A76FF;
+$azure-darker: #1D5EC0;
+$azure-darkest: #1A4380;
+
+$blue-lightest: #8D80FF;
+$blue-lighter: #5F4DFF;
+$blue: #311AFF;
+$blue-darker: #2D1DC0;
+$blue-darkest: #241A80;
+
+$violet-lightest: #CD80FF;
+$violet-lighter: #B84DFF;
+$violet: #A41AFF;
+$violet-darker: #7F1DC0;
+$violet-darkest: #571A80;
+
+$magenta-lightest: #FF80F3;
+$magenta-lighter: #FF4DEE;
+$magenta: #FF1AE9;
+$magenta-darker: #C01DB0;
+$magenta-darkest: #801A76;
+
+$rose-lightest: #FF80B3;
+$rose-lighter: #FF4D94;
+$rose: #FF1A76;
+$rose-darker: #C01D5E;
+$rose-darkest: #801A43;
+
+$white-lightest: #E6E6E6;
+$white-lighter: #CDCDCD;
+$white: #B3B3B3;
+$white-darker: #9A9A9A;
+$white-darkest: #808080;
+
+$black-lightest: #808080;
+$black-lighter: #666666;
+$black: #4D4D4D;
+$black-darker: #333333;
+$black-darkest: #1A1A1A;

data/_sass/themes/light/_index.scss

@@ -0,0 +1,29 @@
+@use "sass:meta";
+
+@use "./primitives/colors";
+
+@mixin theme {
+	@include meta.load-css("./third-party/rogue_highlight");
+
+	--gap-tiny: 0.2rem;
+	--gap-small: 0.6rem;
+	--gap-medium: 1rem;
+	--gap-large: 1.6rem;
+	--gap-xlarge: 2.4rem;
+
+	--color-brand: #{colors.$rose-darker};
+	--color-flair: #{colors.$red-darker};
+	--color-highlight: #{colors.$emerald-darkest};
+	--color-subtle: #{colors.$black-lightest};
+
+	--text-color: #{colors.$black};
+	--text-size-tiny: 0.6rem;
+	--text-size-small: 0.8rem;
+	--text-size-medium: 1rem;
+	--text-size-large: 1.2rem;
+	--text-size-xlarge: 1.4rem;
+
+	--background-color: #{colors.$white-lightest};
+	--surface-color: #{colors.$white-lighter};
+	--raised-color: #{colors.$white};
+}

data/_sass/themes/light/primitives/_colors.scss

@@ -0,0 +1,70 @@
+$red-lightest: #FF8D80;
+$red-lighter: #FF5F4D;
+$red: #FF311A;
+$red-darker: #C02D1D;
+$red-darkest: #80241A;
+$orange-lightest: #FFCD80;
+$orange-lighter: #FFB84D;
+$orange: #FFA41A;
+$orange-darker: #C07F1D;
+$orange-darkest: #80571A;
+$yellow-lightest: #F3FF80;
+$yellow-lighter: #EEFF4D;
+$yellow: #E9FF1A;
+$yellow-darker: #B0C01D;
+$yellow-darkest: #76801A;
+$chartreuse-lightest: #B3FF80;
+$chartreuse-lighter: #94FF4D;
+$chartreuse: #76FF1A;
+$chartreuse-darker: #5EC01D;
+$chartreuse-darkest: #43801A;
+$green-lightest: #80FF8D;
+$green-lighter: #4DFF5F;
+$green: #1AFF31;
+$green-darker: #1DC02D;
+$green-darkest: #1A8024;
+$emerald-lightest: #80FFCD;
+$emerald-lighter: #4DFFB8;
+$emerald: #1AFFA4;
+$emerald-darker: #1DC07F;
+$emerald-darkest: #1A8057;
+$cyan-lightest: #80F3FF;
+$cyan-lighter: #4DEEFF;
+$cyan: #1AE9FF;
+$cyan-darker: #1DB0C0;
+$cyan-darkest: #1A7680;
+$azure-lightest: #80B3FF;
+$azure-lighter: #4D94FF;
+$azure: #1A76FF;
+$azure-darker: #1D5EC0;
+$azure-darkest: #1A4380;
+$blue-lightest: #8D80FF;
+$blue-lighter: #5F4DFF;
+$blue: #311AFF;
+$blue-darker: #2D1DC0;
+$blue-darkest: #241A80;
+$violet-lightest: #CD80FF;
+$violet-lighter: #B84DFF;
+$violet: #A41AFF;
+$violet-darker: #7F1DC0;
+$violet-darkest: #571A80;
+$magenta-lightest: #FF80F3;
+$magenta-lighter: #FF4DEE;
+$magenta: #FF1AE9;
+$magenta-darker: #C01DB0;
+$magenta-darkest: #801A76;
+$rose-lightest: #FF80B3;
+$rose-lighter: #FF4D94;
+$rose: #FF1A76;
+$rose-darker: #C01D5E;
+$rose-darkest: #801A43;
+$white-lightest: #E6E6E6;
+$white-lighter: #CDCDCD;
+$white: #B3B3B3;
+$white-darker: #9A9A9A;
+$white-darkest: #808080;
+$black-lightest: #808080;
+$black-lighter: #666666;
+$black: #4D4D4D;
+$black-darker: #333333;
+$black-darkest: #1A1A1A;

data/assets/main.scss

@@ -1,5 +1,4 @@
 ---
-# Only the main Sass file needs front matter (the dashes are enough)
 ---
 
-@import "./";
+@use "./dec-terminal";

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-dec-terminal
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Dec Murphy
 bindir: bin
 cert_chain: []
-date: 2025-06-14 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -37,19 +37,19 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _layouts/posts.html
-- _sass/index.scss
-- _sass/layouts/container.scss
-- _sass/layouts/index.scss
-- _sass/layouts/page.scss
-- _sass/layouts/post.scss
-- _sass/layouts/posts.scss
-- _sass/themes/dark/_colors.scss
-- _sass/themes/dark/rogue_highlight.css
-- _sass/themes/dark/theme.scss
-- _sass/themes/index.scss
-- _sass/themes/light/_colors.scss
-- _sass/themes/light/rogue_highlight.css
-- _sass/themes/light/theme.scss
+- _sass/_dec-terminal.scss
+- _sass/layouts/_container.scss
+- _sass/layouts/_index.scss
+- _sass/layouts/_page.scss
+- _sass/layouts/_post.scss
+- _sass/layouts/_posts.scss
+- _sass/themes/_index.scss
+- _sass/themes/dark/_index.scss
+- _sass/themes/dark/primitives/_colors.scss
+- _sass/themes/dark/third-party/rogue_highlight.css
+- _sass/themes/light/_index.scss
+- _sass/themes/light/primitives/_colors.scss
+- _sass/themes/light/third-party/rogue_highlight.css
 - assets/main.js
 - assets/main.scss
 homepage: https://github.com/okdecm/jekyll-theme-dec-terminal
@@ -70,7 +70,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 3.6.9
 specification_version: 4
 summary: A Jekyll theme inspired by Dec's terminal aesthetics
 test_files: []

data/_sass/layouts/index.scss

@@ -1,6 +0,0 @@
-@import "./container";
-
-@import "./page";
-
-@import "./posts";
-@import "./post";

data/_sass/layouts/page.scss

@@ -1,69 +0,0 @@
-.theme-light {
-	.page {
-		header {
-			.actions {
-				.set-theme-light {
-					color: var(--color-brand);
-				}
-			}
-		}
-	}
-}
-
-.theme-dark {
-	.page {
-		header {
-			.actions {
-				.set-theme-dark {
-					color: var(--color-brand);
-				}
-			}
-		}
-	}
-}
-
-.page {
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-
-	.container {
-		width: 50%;
-	}
-
-	header {
-		display: flex;
-
-		align-items: center;
-
-		margin: var(--gap-medium) 0;
-
-		.titles {
-			font-size: var(--text-size-xlarge);
-
-			&>* {
-				font-size: var(--text-size-xlarge);
-			}
-
-			.site-title {
-				color: var(--color-brand);
-			}
-
-			.page-title {
-				color: var(--color-highlight);
-			}
-		}
-
-		.actions {
-			margin-left: auto;
-		}
-	}
-
-	main {
-		margin: var(--gap-large) 0;
-	}
-
-	footer {
-		font-size: var(--text-size-small);
-	}
-}

data/_sass/themes/dark/_colors.scss

@@ -1,70 +0,0 @@
-$color-red-lightest: #FF8D80;
-$color-red-lighter: #FF5F4D;
-$color-red: #FF311A;
-$color-red-darker: #C02D1D;
-$color-red-darkest: #80241A;
-$color-orange-lightest: #FFCD80;
-$color-orange-lighter: #FFB84D;
-$color-orange: #FFA41A;
-$color-orange-darker: #C07F1D;
-$color-orange-darkest: #80571A;
-$color-yellow-lightest: #F3FF80;
-$color-yellow-lighter: #EEFF4D;
-$color-yellow: #E9FF1A;
-$color-yellow-darker: #B0C01D;
-$color-yellow-darkest: #76801A;
-$color-chartreuse-lightest: #B3FF80;
-$color-chartreuse-lighter: #94FF4D;
-$color-chartreuse: #76FF1A;
-$color-chartreuse-darker: #5EC01D;
-$color-chartreuse-darkest: #43801A;
-$color-green-lightest: #80FF8D;
-$color-green-lighter: #4DFF5F;
-$color-green: #1AFF31;
-$color-green-darker: #1DC02D;
-$color-green-darkest: #1A8024;
-$color-emerald-lightest: #80FFCD;
-$color-emerald-lighter: #4DFFB8;
-$color-emerald: #1AFFA4;
-$color-emerald-darker: #1DC07F;
-$color-emerald-darkest: #1A8057;
-$color-cyan-lightest: #80F3FF;
-$color-cyan-lighter: #4DEEFF;
-$color-cyan: #1AE9FF;
-$color-cyan-darker: #1DB0C0;
-$color-cyan-darkest: #1A7680;
-$color-azure-lightest: #80B3FF;
-$color-azure-lighter: #4D94FF;
-$color-azure: #1A76FF;
-$color-azure-darker: #1D5EC0;
-$color-azure-darkest: #1A4380;
-$color-blue-lightest: #8D80FF;
-$color-blue-lighter: #5F4DFF;
-$color-blue: #311AFF;
-$color-blue-darker: #2D1DC0;
-$color-blue-darkest: #241A80;
-$color-violet-lightest: #CD80FF;
-$color-violet-lighter: #B84DFF;
-$color-violet: #A41AFF;
-$color-violet-darker: #7F1DC0;
-$color-violet-darkest: #571A80;
-$color-magenta-lightest: #FF80F3;
-$color-magenta-lighter: #FF4DEE;
-$color-magenta: #FF1AE9;
-$color-magenta-darker: #C01DB0;
-$color-magenta-darkest: #801A76;
-$color-rose-lightest: #FF80B3;
-$color-rose-lighter: #FF4D94;
-$color-rose: #FF1A76;
-$color-rose-darker: #C01D5E;
-$color-rose-darkest: #801A43;
-$color-white-lightest: #E6E6E6;
-$color-white-lighter: #CDCDCD;
-$color-white: #B3B3B3;
-$color-white-darker: #9A9A9A;
-$color-white-darkest: #808080;
-$color-black-lightest: #808080;
-$color-black-lighter: #666666;
-$color-black: #4D4D4D;
-$color-black-darker: #333333;
-$color-black-darkest: #1A1A1A;

data/_sass/themes/dark/theme.scss

@@ -1,33 +0,0 @@
-@import "./colors";
-
-@import "./rogue_highlight";
-
-$gap-tiny: 0.2rem;
-$gap-small: 0.6rem;
-$gap-medium: 1rem;
-$gap-large: 1.6rem;
-$gap-xlarge: 2.4rem;
-
-& {
-	--color-brand: #{$color-rose-lightest};
-	--color-flair: #{$color-red-lightest};
-	--color-highlight: #{$color-emerald-lightest};
-	--color-subtle: #{$color-white-darkest};
-
-	--text-color: #{$color-white};
-	--text-size-tiny: 0.6rem;
-	--text-size-small: 0.8rem;
-	--text-size-medium: 1rem;
-	--text-size-large: 1.2rem;
-	--text-size-xlarge: 1.4rem;
-
-	--background-color: #{$color-black-darkest};
-
-	--surface-color: #{$color-black-darker};
-
-	--gap-tiny: #{$gap-tiny};
-	--gap-small: #{$gap-small};
-	--gap-medium: #{$gap-medium};
-	--gap-large: #{$gap-large};
-	--gap-xlarge: #{$gap-xlarge};
-}

data/_sass/themes/index.scss

@@ -1,7 +0,0 @@
-&.theme-light {
-	@import "./light/theme";
-}
-
-&.theme-dark {
-	@import "./dark/theme";
-}

data/_sass/themes/light/_colors.scss

@@ -1,70 +0,0 @@
-$color-red-lightest: #FF8D80;
-$color-red-lighter: #FF5F4D;
-$color-red: #FF311A;
-$color-red-darker: #C02D1D;
-$color-red-darkest: #80241A;
-$color-orange-lightest: #FFCD80;
-$color-orange-lighter: #FFB84D;
-$color-orange: #FFA41A;
-$color-orange-darker: #C07F1D;
-$color-orange-darkest: #80571A;
-$color-yellow-lightest: #F3FF80;
-$color-yellow-lighter: #EEFF4D;
-$color-yellow: #E9FF1A;
-$color-yellow-darker: #B0C01D;
-$color-yellow-darkest: #76801A;
-$color-chartreuse-lightest: #B3FF80;
-$color-chartreuse-lighter: #94FF4D;
-$color-chartreuse: #76FF1A;
-$color-chartreuse-darker: #5EC01D;
-$color-chartreuse-darkest: #43801A;
-$color-green-lightest: #80FF8D;
-$color-green-lighter: #4DFF5F;
-$color-green: #1AFF31;
-$color-green-darker: #1DC02D;
-$color-green-darkest: #1A8024;
-$color-emerald-lightest: #80FFCD;
-$color-emerald-lighter: #4DFFB8;
-$color-emerald: #1AFFA4;
-$color-emerald-darker: #1DC07F;
-$color-emerald-darkest: #1A8057;
-$color-cyan-lightest: #80F3FF;
-$color-cyan-lighter: #4DEEFF;
-$color-cyan: #1AE9FF;
-$color-cyan-darker: #1DB0C0;
-$color-cyan-darkest: #1A7680;
-$color-azure-lightest: #80B3FF;
-$color-azure-lighter: #4D94FF;
-$color-azure: #1A76FF;
-$color-azure-darker: #1D5EC0;
-$color-azure-darkest: #1A4380;
-$color-blue-lightest: #8D80FF;
-$color-blue-lighter: #5F4DFF;
-$color-blue: #311AFF;
-$color-blue-darker: #2D1DC0;
-$color-blue-darkest: #241A80;
-$color-violet-lightest: #CD80FF;
-$color-violet-lighter: #B84DFF;
-$color-violet: #A41AFF;
-$color-violet-darker: #7F1DC0;
-$color-violet-darkest: #571A80;
-$color-magenta-lightest: #FF80F3;
-$color-magenta-lighter: #FF4DEE;
-$color-magenta: #FF1AE9;
-$color-magenta-darker: #C01DB0;
-$color-magenta-darkest: #801A76;
-$color-rose-lightest: #FF80B3;
-$color-rose-lighter: #FF4D94;
-$color-rose: #FF1A76;
-$color-rose-darker: #C01D5E;
-$color-rose-darkest: #801A43;
-$color-white-lightest: #E6E6E6;
-$color-white-lighter: #CDCDCD;
-$color-white: #B3B3B3;
-$color-white-darker: #9A9A9A;
-$color-white-darkest: #808080;
-$color-black-lightest: #808080;
-$color-black-lighter: #666666;
-$color-black: #4D4D4D;
-$color-black-darker: #333333;
-$color-black-darkest: #1A1A1A;

data/_sass/themes/light/theme.scss

@@ -1,33 +0,0 @@
-@import "./colors";
-
-@import "./rogue_highlight";
-
-$gap-tiny: 0.2rem;
-$gap-small: 0.6rem;
-$gap-medium: 1rem;
-$gap-large: 1.6rem;
-$gap-xlarge: 2.4rem;
-
-& {
-	--color-brand: #{$color-rose-darkest};
-	--color-flair: #{$color-red-darkest};
-	--color-highlight: #{$color-emerald-darkest};
-	--color-subtle: #{$color-black-lightest};
-
-	--text-color: #{$color-black};
-	--text-size-tiny: 0.6rem;
-	--text-size-small: 0.8rem;
-	--text-size-medium: 1rem;
-	--text-size-large: 1.2rem;
-	--text-size-xlarge: 1.4rem;
-
-	--background-color: #{$color-white-lightest};
-
-	--surface-color: #{$color-white-lighter};
-
-	--gap-tiny: #{$gap-tiny};
-	--gap-small: #{$gap-small};
-	--gap-medium: #{$gap-medium};
-	--gap-large: #{$gap-large};
-	--gap-xlarge: #{$gap-xlarge};
-}