From 65a0730f80bce30d772f8f9c01a91d640851a26e Mon Sep 17 00:00:00 2001
From: Winston <44872771+winston-yallow@users.noreply.github.com>
Date: Mon, 20 Nov 2023 17:27:07 +0100
Subject: [PATCH] Create rounded theme

---
 common/common.scss | 125 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 125 insertions(+)
 create mode 100644 common/common.scss

diff --git a/common/common.scss b/common/common.scss
new file mode 100644
index 0000000..b2d4407
--- /dev/null
+++ b/common/common.scss
@@ -0,0 +1,125 @@
+
+:root {
+	--theme-radius: 8px;
+}
+
+
+
+/* Round Categories */
+
+.category-boxes .category-box {
+	// remove default color bar
+	border: none;
+}
+
+.category-boxes .category-box-inner {
+	// Change to a colored and rounded box without a border
+	background-color: var(--header_background);
+	border-radius: var(--theme-radius);
+	border-color: var(--secondary-high);
+	border-width: 0px;
+}
+
+.category-boxes .description {
+	// Improve contrast
+	color: var(--primary-800);
+}
+
+.category-boxes .category-box-heading h3::before {
+	// Show a round circle with the category color in front of the title
+	content: '⬤';
+	font-size: smaller;
+	transform: translateY(-3px);
+	display: inline-block;
+	color: var(--category-color);
+	text-shadow: 0px 0px 2px var(--secondary);
+}
+
+
+
+/* Circles for Badge Bullets */
+
+.badge-wrapper.bullet .badge-category::before, // badges in category list
+.link-bottom-line .badge-category::before, // badges in latest list
+.sidebar-section-link-prefix.span span // badges in sidebar
+{
+	border-radius: 50%;
+}
+
+
+
+/* Search Banner */
+
+.search-banner {
+	background-image:
+		linear-gradient(to bottom, transparent, var(--secondary)),
+		var(--custom-bg);
+}
+
+.search-banner .wrap.custom-search-banner-wrap {
+	// Add a bit more spacing so that it doesn't look too chaotic
+	// with the nodes in the background image
+	margin-top: 0px;
+	padding: 3.5em 0 4.5em;
+}
+
+.search-banner .wrap.custom-search-banner-wrap h1,
+.search-banner .wrap.custom-search-banner-wrap p {
+	// Improve readability with background image
+	text-shadow: 0px 0px 12px var(--secondary);
+}
+
+.search-banner .wrap.custom-search-banner-wrap .search-input,
+.search-banner .wrap.custom-search-banner-wrap .results {
+	// Visually separate search box from background
+	border: 1px solid var(--tertiary-400);
+}
+
+/* Topics and Posts */
+
+.topic-map {
+	// Create solid border around whole topic map
+	border-radius: var(--theme-radius);
+	border: 1px solid var(--blend-primary-secondary-5);
+}
+
+.topic-map .map {
+	// Don't use border on the map itself
+	border: none;
+}
+
+.topic-map .map .btn {
+	// Make the button rounded top right if the map is extended
+	border-radius: 0px var(--theme-radius) 0px 0px;
+}
+
+.topic-map .map-collapsed .btn {
+	// Make the button rounded top and botom right if the map is collapsed
+	border-radius: 0px var(--theme-radius) var(--theme-radius) 0px;
+}
+
+.topic-map .topic-map-expanded {
+	// Line between sections should have the same style as the outline
+	border-top: 1px solid var(--blend-primary-secondary-5);
+}
+
+.topic-post .quote > *:first-child {
+	// Round top of quotes
+	border-radius: var(--theme-radius) var(--theme-radius) 0px 0px;
+}
+.topic-post .quote > *:last-child {
+	// Round bottom of quotes
+	border-radius: 0px 0px var(--theme-radius) var(--theme-radius);
+}
+
+.topic-post pre {
+	// No max height for code snippets
+	max-height: none;
+}
+
+.topic-post pre code {
+	// Round code snippets
+	border-radius: var(--theme-radius);
+	// No max height for code snippets
+	max-height: none;
+}