Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-10 10:22:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next)/formatting toolbar: restyle the buttons in the "on" state

Browse Source
This commit is contained in:
Adorian Doran 2025-05-21 23:40:38 +03:00
parent 9999540b1b
commit 6aae91ca69
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -237,6 +237,10 @@
--help-code-background: #565656;
--ck-editor-popup-border-color: var(--modal-border-color);
--ck-editor-toolbar-button-on-background: #ffffff3b;
--ck-editor-toolbar-button-on-color: white;
--ck-editor-toolbar-button-on-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
}
/*

3
apps/client/src/stylesheets/theme-next-light.css
View File

@ -237,4 +237,7 @@
--help-code-background: #d7d5d5;
--ck-editor-popup-border-color: var(--dropdown-border-color);
--ck-editor-toolbar-button-on-background: #00000017;
--ck-editor-toolbar-button-on-color: black;
--ck-editor-toolbar-button-on-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
}

6
apps/client/src/stylesheets/theme-next/notes/text.css
View File

@ -27,6 +27,12 @@
--ck-border-radius: 6px;
}
.ck-button.ck-on:not(.ck-dropdown__button) {
--ck-color-button-on-background: var(--ck-editor-toolbar-button-on-background);
--ck-color-button-on-color: var(--ck-editor-toolbar-button-on-color);
box-shadow: var(--ck-editor-toolbar-button-on-shadow);
}
/* Disabled button */
:root .classic-toolbar-widget .ck.ck-button.ck-disabled {
opacity: .75;