v1/web/themes/contrib/gin/styles/theme/ckeditor.scss

68 lines
1.3 KiB
SCSS

body.cke_editable_themed {
color: var(--gin-color-text);
&.gin--dark-mode {
background-color: var(--gin-bg-layer2);
}
}
a {
color: var(--gin-color-primary);
}
.cke_panel_grouptitle {
color: var(--gin-color-title);
background: var(--gin-bg-layer2);
}
.cke_panel_listItem.cke_selected a,
.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active {
background-color: var(--gin-color-primary-light);
}
.cke_editable {
line-height: 1.5;
}
/* CKE Context Menu */
.cke_panel_block {
border-color: var(--gin-border-color-form-element);
border-radius: var(--gin-border-m);
.cke_menu {
.cke_menubutton_icon {
background-color: var(--gin-bg-app);
.cke_button_icon {
.gin--dark-mode & {
filter: invert(1);
}
}
}
.cke_menubutton_label {
color: var(--gin-color-text);
}
.cke_menubutton_shortcut {
color: var(--gin-color-text-light);
}
a {
&:hover,
&:focus,
&:active {
background-color: var(--gin-color-primary-light);
.cke_menubutton_icon {
background-color: var(--gin-color-primary-light);
}
}
}
}
}
// Include quote style
body.cke_editable_themed {
@import "../base/_quotation.scss";
}