feat: Initial clean release of CHM

packages/app-desktop/gui/ConfigScreen/style.scss

@@ -0,0 +1,125 @@
+@use "./styles/index.scss";
+@use "./Sidebar/style.scss" as sidebar-styles;
+@use "./controls/AiIndexStatus.scss" as ai-index-status;
+@use "./controls/AiStatus.scss" as ai-status;
+@use "./controls/NoteLockSettings.scss" as note-lock-settings;
+
+.config-screen-content-wrapper {
+	padding: clamp(24px, 3vw, 48px);
+	overflow: auto;
+	background-color: var(--joplin-background-color3);
+}
+
+.config-screen-content > .section {
+	padding-bottom: 20px;
+	border-bottom: 1px solid var(--joplin-divider-color);
+}
+
+.config-screen-content > .section:last-child {
+	border-bottom: 0;
+}
+
+.font-search-list {
+	background-color: var(--joplin-background-color);
+	max-height: 200px;
+	width: 50%;
+	min-width: 20em;
+	overflow-y: auto;
+	border: 1px solid var(--joplin-border-color4);
+	border-radius: 5px;
+	display: none;
+	margin-top: 10px;
+}
+
+.font-search-list > div {
+	padding: 5px;
+}
+
+.font-search-item {
+	border-bottom: 1px solid var(--joplin-border-color4);
+	cursor: pointer;
+}
+
+.font-search-item:hover {
+	color: var(--joplin-background-color); 
+	background-color: var(--joplin-color);
+}
+
+.monospace-checkbox {
+	background-color: var(--joplin-background-color3);
+	display: flex;
+	align-items: center;
+}
+
+// Container styles
+.config-screen-settings-container {
+	overflow: auto;
+	padding: clamp(24px, 3vw, 48px);
+	padding-top: 0;
+	padding-bottom: 24px;
+	align-items: flex-start;
+	display: flex;
+	flex: 1;
+	box-sizing: border-box;
+
+	&.hidden {
+		display: none;
+	}
+
+	> div {
+		width: 100%;
+	}
+}
+
+// Search mode styles
+.search-results {
+	display: block;
+	overflow: auto;
+	padding: clamp(24px, 3vw, 48px);
+	padding-top: 0;
+	flex: 1;
+	box-sizing: border-box;
+}
+
+.search-filter-control {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	margin-top: 20px;
+	margin-bottom: 8px;
+	color: var(--joplin-color);
+}
+
+.search-section-title {
+	font-weight: 650;
+	margin-top: 32px;
+	margin-bottom: 12px;
+	padding: 10px 12px;
+	display: flex;
+	align-items: center;
+	color: var(--joplin-color2);
+	background-color: var(--joplin-background-color2);
+	border: 1px solid var(--joplin-divider-color);
+	border-radius: 8px;
+	font-size: calc(var(--joplin-font-size) * 1.1);
+
+	> i {
+		margin-right: 8px;
+	}
+}
+
+.search-message {
+	margin-bottom: 20px;
+	color: var(--joplin-color);
+}
+
+.search-no-results {
+	margin-top: 20px;
+	color: var(--joplin-color-faded);
+}
+
+.config-screen mark {
+	background-color: var(--joplin-search-marker-background-color);
+	color: var(--joplin-search-marker-color);
+	padding: 0;
+}