feat: Initial clean release of CHM

packages/app-desktop/gui/KeymapConfig/styles/index.ts

@@ -0,0 +1,77 @@
+import { ThemeStyle, buildStyle } from '@joplin/lib/theme';
+
+export default function styles(themeId: number) {
+	return buildStyle('KeymapConfigScreen', themeId, (theme: ThemeStyle) => {
+		return {
+			container: {
+				...theme.containerStyle,
+				// padding: theme.configScreenPadding,
+				backgroundColor: theme.backgroundColor3,
+			},
+			actionsContainer: {
+				display: 'flex',
+				flexDirection: 'row',
+			},
+			filterInput: {
+				...theme.inputStyle,
+				flexGrow: 1,
+				minHeight: 29,
+				alignSelf: 'center',
+			},
+			label: {
+				...theme.textStyle,
+				alignSelf: 'center',
+				marginRight: 10,
+			},
+			table: {
+				...theme.containerStyle,
+				marginTop: 16,
+				overflow: 'auto',
+				width: '100%',
+			},
+			tableShortcutColumn: {
+				...theme.textStyle,
+				width: '60%',
+			},
+			tableCommandColumn: {
+				...theme.textStyle,
+				width: 'auto',
+			},
+			tableCellContent: {
+				flexGrow: 1,
+				alignSelf: 'center',
+			},
+			tableCellStatus: {
+				height: '100%',
+				alignSelf: 'center',
+				border: 'none',
+				background: 'transparent',
+			},
+			kbd: {
+				fontFamily: 'sans-serif',
+				border: '1px solid',
+				borderRadius: 4,
+				backgroundColor: theme.raisedBackgroundColor,
+				padding: 2,
+				paddingLeft: 6,
+				paddingRight: 6,
+			},
+			disabled: {
+				color: theme.colorFaded,
+				fontStyle: 'italic',
+			},
+			inlineButton: {
+				...theme.buttonStyle,
+				marginLeft: 12,
+			},
+			warning: {
+				...theme.textStyle,
+				backgroundColor: theme.warningBackgroundColor,
+				paddingLeft: 16,
+				paddingRight: 16,
+				paddingTop: 2,
+				paddingBottom: 2,
+			},
+		};
+	});
+}

packages/app-desktop/gui/KeymapConfig/styles/keymap-shortcut-row-content.scss

@@ -0,0 +1,17 @@
+
+.keymap-shortcut-row-content {
+	display: flex;
+	flex-direction: row;
+
+	> .edit {
+		opacity: 0;
+
+		&:focus-visible, &.-editing {
+			opacity: 1;
+		}
+	}
+
+	&:hover > .edit {
+		opacity: 1;
+	}
+}

packages/app-desktop/gui/KeymapConfig/styles/shortcut-recorder.scss

@@ -0,0 +1,13 @@
+.shortcut-recorder {
+	padding: 2px;
+	flex-grow: 1;
+	
+	> .shortcut {
+		min-height: 29px;
+		width: 200px;
+	}
+
+	> .shortcut:focus-visible {
+		border-color: var(--joplin-focus-outline-color);
+	}
+}