new text editor: tinyMCE

style/_tiny.scss

@@ -0,0 +1,53 @@
+#notes {
+	.tox {
+		&.tox-tinymce {
+			border-color: $gray-400;
+			border-radius: 4px;
+		}
+		.tox-statusbar {
+			border-top-color: $gray-400;
+		}
+		.tox-tbtn svg {
+			//fill: theme-color-level("primary", 2);
+			fill: $col_main_1;
+		}
+		.tox-tbtn__select-label {
+			color: $col_main_1; 
+		}
+		.tox-toolbar, .tox-toolbar__overflow, .tox-toolbar__primary {
+			background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cbbdb5'/%3E%3C/svg%3E") left 0 top 0 #fff;
+		}
+		.tox-statusbar__branding {
+			opacity: 0;
+		}
+	}
+}
+
+.tox {
+	.tox-collection__group {
+		.tox-collection__item-label,
+		.tox-collection--list .tox-collection__item--enabled,
+		.tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
+		.tox-collection__item {
+			color: $col_main_1 !important;
+		}
+	}
+	.tox-collection--list .tox-collection__group,
+	.tox-menu,
+	.tox-insert-table-picker > div {
+		border-color: $gray-400 !important;
+	}
+	.tox-insert-table-picker .tox-insert-table-picker__selected {
+		background-color: theme-color-level("primary", -2) !important;
+		border-color: $col_main_1 !important;
+	}
+	.tox-collection--list .tox-collection__item--active {
+		background-color: $gray-300 !important;
+	}
+	.tox-collection__item-caret svg {
+		fill: $col_main_1 !important;
+	}
+	.tox-insert-table-picker__label {
+		color: $col_main_1 !important;
+	}
+}