diff --git a/03-user/dotfiles/.config/joplin-desktop/userchrome.css b/03-user/dotfiles/.config/joplin-desktop/userchrome.css index 7f535bb..73f9a91 100644 --- a/03-user/dotfiles/.config/joplin-desktop/userchrome.css +++ b/03-user/dotfiles/.config/joplin-desktop/userchrome.css @@ -78,121 +78,121 @@ ); --s-font-family-icons: var(--u-font-family-icons, var(--g-font-family-icons)); --s-icon-size-factor: var(--u-icon-size-factor, var(--g-icon-size-factor)); - --g-icon-alarm: "􀐭"; + --g-icon-alarm: "\f0f3"; --s-icon-alarm: var(--u-icon-alarm, var(--g-icon-alarm)); - --g-icon-arrow-down-circle-fill: "􀁹"; + --g-icon-arrow-down-circle-fill: "\f0ab"; --s-icon-arrow-down-circle-fill: var(--u-icon-arrow-down-circle-fill, var(--g-icon-arrow-down-circle-fill)); - --g-icon-arrow-triangle-2-circlepath: "􀊯"; + --g-icon-arrow-triangle-2-circlepath: "\f021"; --s-icon-arrow-triangle-2-circlepath: var(--u-icon-arrow-triangle-2-circlepath, var(--g-icon-arrow-triangle-2-circlepath)); - --g-icon-arrow-up-arrow-down: "􀄬"; + --g-icon-arrow-up-arrow-down: "\f0dc"; --s-icon-arrow-up-arrow-down: var(--u-icon-arrow-up-arrow-down, var(--g-icon-arrow-up-arrow-down)); - --g-icon-arrow-up-circle-fill: "􀁷"; + --g-icon-arrow-up-circle-fill: "\f0aa"; --s-icon-arrow-up-circle-fill: var(--u-icon-arrow-up-circle-fill, var(--g-icon-arrow-up-circle-fill)); - --g-icon-arrow-up-forward-app: "􀮵"; + --g-icon-arrow-up-forward-app: "\f08e"; --s-icon-arrow-up-forward-app: var(--u-icon-arrow-up-forward-app, var(--g-icon-arrow-up-forward-app)); - --g-icon-arrow-up-right-square-fill: "􀄕"; + --g-icon-arrow-up-right-square-fill: "\f14c"; --s-icon-arrow-up-right-square-fill: var(--u-icon-arrow-up-right-square-fill, var(--g-icon-arrow-up-right-square-fill)); - --g-icon-bold: "􀅓"; + --g-icon-bold: "\f032"; --s-icon-bold: var(--u-icon-bold, var(--g-icon-bold)); - --g-icon-calendar: "􀉉"; + --g-icon-calendar: "\f073"; --s-icon-calendar: var(--u-icon-calendar, var(--g-icon-calendar)); - --g-icon-character: "􀀄"; + --g-icon-character: "\f031"; --s-icon-character: var(--u-icon-character, var(--g-icon-character)); - --g-icon-checkmark: "􀆅"; + --g-icon-checkmark: "\f00c"; --s-icon-checkmark: var(--u-icon-checkmark, var(--g-icon-checkmark)); - --g-icon-checkmark-circle: "􀁢"; + --g-icon-checkmark-circle: "\f058"; --s-icon-checkmark-circle: var(--u-icon-checkmark-circle, var(--g-icon-checkmark-circle)); - --g-icon-checkmark-diamond: "􁁚"; + --g-icon-checkmark-diamond: "\f14a"; --s-icon-checkmark-diamond: var(--u-icon-checkmark-diamond, var(--g-icon-checkmark-diamond)); - --g-icon-checkmark-square: "􀃲"; + --g-icon-checkmark-square: "\f046"; --s-icon-checkmark-square: var(--u-icon-checkmark-square, var(--g-icon-checkmark-square)); - --g-icon-chevron-backward: "􀯶"; + --g-icon-chevron-backward: "\f053"; --s-icon-chevron-backward: var(--u-icon-chevron-backward, var(--g-icon-chevron-backward)); - --g-icon-chevron-down: "􀆈"; + --g-icon-chevron-down: "\f078"; --s-icon-chevron-down: var(--u-icon-chevron-down, var(--g-icon-chevron-down)); - --g-icon-chevron-forward: "􀯻"; + --g-icon-chevron-forward: "\f054"; --s-icon-chevron-forward: var(--u-icon-chevron-forward, var(--g-icon-chevron-forward)); - --g-icon-chevron-left-slash-chevron-right: "􀙚"; + --g-icon-chevron-left-slash-chevron-right: "\f121"; --s-icon-chevron-left-slash-chevron-right: var(--u-icon-chevron-left-slash-chevron-right, var(--g-icon-chevron-left-slash-chevron-right)); - --g-icon-chevron-right: "􀆊"; + --g-icon-chevron-right: "\f054"; --s-icon-chevron-right: var(--u-icon-chevron-right, var(--g-icon-chevron-right)); - --g-icon-chevron-up-chevron-down: "􀆏"; + --g-icon-chevron-up-chevron-down: "\f0dc"; --s-icon-chevron-up-chevron-down: var(--u-icon-chevron-up-chevron-down, var(--g-icon-chevron-up-chevron-down)); - --g-icon-chevron-up: "􀆇"; + --g-icon-chevron-up: "\f077"; --s-icon-chevron-up: var(--u-icon-chevron-up, var(--g-icon-chevron-up)); - --g-icon-clock: "􀐫"; + --g-icon-clock: "\f017"; --s-icon-clock: var(--u-icon-clock, var(--g-icon-clock)); - --g-icon-curlybraces: "􀡅"; + --g-icon-curlybraces: "\f120"; --s-icon-curlybraces: var(--u-icon-curlybraces, var(--g-icon-curlybraces)); - --g-icon-doc-on-clipboard: "􀉃"; + --g-icon-doc-on-clipboard: "\f0ea"; --s-icon-doc-on-clipboard: var(--u-icon-doc-on-clipboard, var(--g-icon-doc-on-clipboard)); - --g-icon-doc-richtext: "􀉅"; + --g-icon-doc-richtext: "\f0f6"; --s-icon-doc-richtext: var(--u-icon-doc-richtext, var(--g-icon-doc-richtext)); - --g-icon-ellipsis: "􀍠"; + --g-icon-ellipsis: "\f141"; --s-icon-ellipsis: var(--u-icon-ellipsis, var(--g-icon-ellipsis)); - --g-icon-folder: "􀈕"; + --g-icon-folder: "\f07b"; --s-icon-folder: var(--u-icon-folder, var(--g-icon-folder)); - --g-icon-highlighter: "􀦇"; + --g-icon-highlighter: "\f1fc"; --s-icon-highlighter: var(--u-icon-highlighter, var(--g-icon-highlighter)); - --g-icon-info-circle: "􀅴"; + --g-icon-info-circle: "\f05a"; --s-icon-info-circle: var(--u-icon-info-circle, var(--g-icon-info-circle)); - --g-icon-italic: "􀅔"; + --g-icon-italic: "\f033"; --s-icon-italic: var(--u-icon-italic, var(--g-icon-italic)); - --g-icon-link: "􀉣"; + --g-icon-link: "\f0c1"; --s-icon-link: var(--u-icon-link, var(--g-icon-link)); - --g-icon-link-circle: "􀒠"; + --g-icon-link-circle: "\f0c1"; --s-icon-link-circle: var(--u-icon-link-circle, var(--g-icon-link-circle)); - --g-icon-list-bullet-indent: "􀋳"; + --g-icon-list-bullet-indent: "\f03c"; --s-icon-list-bullet-indent: var(--u-icon-list-bullet-indent, var(--g-icon-list-bullet-indent)); - --g-icon-list-bullet-rectangle: "􀹆"; + --g-icon-list-bullet-rectangle: "\f022"; --s-icon-list-bullet-rectangle: var(--u-icon-list-bullet-rectangle, var(--g-icon-list-bullet-rectangle)); - --g-icon-list-bullet: "􀋲"; + --g-icon-list-bullet: "\f0ca"; --s-icon-list-bullet: var(--u-icon-list-bullet, var(--g-icon-list-bullet)); - --g-icon-list-number: "􀋴"; + --g-icon-list-number: "\f0cb"; --s-icon-list-number: var(--u-icon-list-number, var(--g-icon-list-number)); - --g-icon-magnifyingglass: "􀊫"; + --g-icon-magnifyingglass: "\f002"; --s-icon-magnifyingglass: var(--u-icon-magnifyingglass, var(--g-icon-magnifyingglass)); - --g-icon-minus: "􀅽"; + --g-icon-minus: "\f068"; --s-icon-minus: var(--u-icon-minus, var(--g-icon-minus)); - --g-icon-paperclip: "􀉢"; + --g-icon-paperclip: "\f0c6"; --s-icon-paperclip: var(--u-icon-paperclip, var(--g-icon-paperclip)); - --g-icon-person-2: "􀉫"; + --g-icon-person-2: "\f0c0"; --s-icon-person-2: var(--u-icon-person-2, var(--g-icon-person-2)); - --g-icon-plus-circle: "􀁌"; + --g-icon-plus-circle: "\f055"; --s-icon-plus-circle: var(--u-icon-plus-circle, var(--g-icon-plus-circle)); - --g-icon-sidebar-left: "􀏚"; + --g-icon-sidebar-left: "\f0db"; --s-icon-sidebar-left: var(--u-icon-sidebar-left, var(--g-icon-sidebar-left)); - --g-icon-square-and-arrow-down: "􀈄"; + --g-icon-square-and-arrow-down: "\f019"; --s-icon-square-and-arrow-down: var(--u-icon-square-and-arrow-down, var(--g-icon-square-and-arrow-down)); - --g-icon-square-and-pencil: "􀈎"; + --g-icon-square-and-pencil: "\f044"; --s-icon-square-and-pencil: var(--u-icon-square-and-pencil, var(--g-icon-square-and-pencil)); - --g-icon-square-split-2x1: "􀏠"; + --g-icon-square-split-2x1: "\f2d0"; --s-icon-square-split-2x1: var(--u-icon-square-split-2x1, var(--g-icon-square-split-2x1)); - --g-icon-strikethrough: "􀅖"; + --g-icon-strikethrough: "\f0cc"; --s-icon-strikethrough: var(--u-icon-strikethrough, var(--g-icon-strikethrough)); - --g-icon-tablecells-badge-ellipsis: "􀏥"; + --g-icon-tablecells-badge-ellipsis: "\f0ce"; --s-icon-tablecells-badge-ellipsis: var(--u-icon-tablecells-badge-ellipsis, var(--g-icon-tablecells-badge-ellipsis)); - --g-icon-tag: "􀋡"; + --g-icon-tag: "\f02b"; --s-icon-tag: var(--u-icon-tag, var(--g-icon-tag)); - --g-icon-text-badge-checkmark: "􀋺"; + --g-icon-text-badge-checkmark: "\f0ae"; --s-icon-text-badge-checkmark: var(--u-icon-text-badge-checkmark, var(--g-icon-text-badge-checkmark)); - --g-icon-text-below-photo: "􀲱"; + --g-icon-text-below-photo: "\f03e"; --s-icon-text-below-photo: var(--u-icon-text-below-photo, var(--g-icon-text-below-photo)); - --g-icon-text-quote: "􀋿"; + --g-icon-text-quote: "\f10e"; --s-icon-text-quote: var(--u-icon-text-quote, var(--g-icon-text-quote)); - --g-icon-textformat-abc-dottedunderline: "􀅰"; + --g-icon-textformat-abc-dottedunderline: "\f031"; --s-icon-textformat-abc-dottedunderline: var(--u-icon-textformat-abc-dottedunderline, var(--g-icon-textformat-abc-dottedunderline)); - --g-icon-textformat-subscript: "􀓡"; + --g-icon-textformat-subscript: "\f12c"; --s-icon-textformat-subscript: var(--u-icon-textformat-subscript, var(--g-icon-textformat-subscript)); - --g-icon-textformat-superscript: "􀓢"; + --g-icon-textformat-superscript: "\f12b"; --s-icon-textformat-superscript: var(--u-icon-textformat-superscript, var(--g-icon-textformat-superscript)); - --g-icon-trash: "􀈑"; + --g-icon-trash: "\f1f8"; --s-icon-trash: var(--u-icon-trash, var(--g-icon-trash)); - --g-icon-underline: "􀅕"; + --g-icon-underline: "\f0cd"; --s-icon-underline: var(--u-icon-underline, var(--g-icon-underline)); - --g-icon-xmark-circle-fill: "􀁡"; + --g-icon-xmark-circle-fill: "\f057"; --s-icon-xmark-circle-fill: var(--u-icon-xmark-circle-fill, var(--g-icon-xmark-circle-fill)); - --g-icon-xmark: "􀆄"; + --g-icon-xmark: "\f00d"; --s-icon-xmark: var(--u-icon-xmark, var(--g-icon-xmark)); } @@ -278,7 +278,7 @@ --g-font-family-system: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --g-font-family-mono: "Adwaita Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --g-font-family-icons: "SF Pro Display"; + --g-font-family-icons: "Font Awesome 7 Free"; --g-font-size--1: 1.1rem; --g-font-size-0: 1.2rem; --g-font-size-1: 1.4rem; @@ -288,6 +288,7 @@ .fa-caret-right::before { content: var(--s-icon-chevron-right) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -296,6 +297,7 @@ .fa-caret-down::before { content: var(--s-icon-chevron-down) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -304,6 +306,7 @@ .fa-plus::before { content: var(--s-icon-plus-circle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -312,6 +315,7 @@ .fa-book::before { content: var(--s-icon-folder) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -436,6 +440,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i::before { content: var(--s-icon-textformat-abc-dottedunderline) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -453,6 +458,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(2):before { content: var(--s-icon-alarm) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -463,6 +469,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3):before { content: var(--s-icon-square-split-2x1) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -470,6 +477,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(4):before { content: var(--s-icon-info-circle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -477,6 +485,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle outline"]:before { content: var(--s-icon-list-bullet-indent) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -484,6 +493,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle sidebar"]:before { content: var(--s-icon-sidebar-left) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -491,6 +501,7 @@ body button { .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle note list"]:before { content: var(--s-icon-list-bullet-rectangle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -532,6 +543,7 @@ body button { .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn.richText-active::after { content: var(--s-icon-text-below-photo) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -560,6 +572,7 @@ body button { .rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button .icon-notebooks::before { content: var(--s-icon-folder) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -643,6 +656,7 @@ body button { color: var(--s-accentColor) !important; content: var(--s-icon-arrow-up-right-square-fill) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -651,6 +665,7 @@ body button { .rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span::before { content: var(--s-icon-arrow-up-forward-app) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -709,6 +724,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(1):before { content: var(--s-icon-bold) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -716,6 +732,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(2):before { content: var(--s-icon-italic) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -723,6 +740,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(3):before { content: var(--s-icon-highlighter) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -730,6 +748,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(4):before { content: var(--s-icon-strikethrough) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -741,6 +760,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(5):before { content: var(--s-icon-ellipsis) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -750,6 +770,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(1):before { content: var(--s-icon-link) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -757,6 +778,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(2):before { content: var(--s-icon-chevron-left-slash-chevron-right) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -764,6 +786,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(3):before { content: var(--s-icon-curlybraces) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -771,6 +794,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(4):before { content: var(--s-icon-paperclip) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -780,6 +804,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(1):before { content: var(--s-icon-list-bullet) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -787,6 +812,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(2):before { content: var(--s-icon-list-number) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -794,6 +820,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(3):before { content: var(--s-icon-text-badge-checkmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -827,6 +854,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(5) button:nth-child(1):before { content: var(--s-icon-minus) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -836,6 +864,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(6) button:nth-child(1):before { content: var(--s-icon-text-quote) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -845,6 +874,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(7) button:nth-child(1):before { content: var(--s-icon-tablecells-badge-ellipsis) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -854,6 +884,7 @@ body button { .rli-editor .tox-toolbar__group:nth-child(8) button:nth-child(1):before { content: var(--s-icon-clock) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -931,6 +962,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-bold::before { content: var(--s-icon-bold) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -938,6 +970,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-italic::before { content: var(--s-icon-italic) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -945,6 +978,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-link::before { content: var(--s-icon-link) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -952,6 +986,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-code::before { content: var(--s-icon-chevron-left-slash-chevron-right) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -959,6 +994,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-attachment::before { content: var(--s-icon-paperclip) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -966,6 +1002,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-bulleted-list::before { content: var(--s-icon-list-bullet) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -973,6 +1010,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-numbered-list::before { content: var(--s-icon-list-number) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -980,6 +1018,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-to-do-list::before { content: var(--s-icon-text-badge-checkmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -991,6 +1030,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-ellipsis-h::before { content: var(--s-icon-minus) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -998,6 +1038,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-add-date::before { content: var(--s-icon-clock) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1014,6 +1055,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-highlighter::before { content: var(--s-icon-highlighter) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1021,6 +1063,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-strikethrough::before { content: var(--s-icon-strikethrough) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1028,6 +1071,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-underline::before { content: var(--s-icon-underline) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1035,6 +1079,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-subscript::before { content: var(--s-icon-textformat-subscript) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1042,6 +1087,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-superscript::before { content: var(--s-icon-textformat-superscript) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1049,6 +1095,7 @@ body button { .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-hand-point-left::before { content: var(--s-icon-link-circle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1264,6 +1311,7 @@ body button { font-family: "Adwaita Sans"; content: var(--s-icon-tag) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1324,6 +1372,7 @@ body button { .note-search-bar .fa-chevron-down::before { content: var(--s-icon-chevron-down) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1332,6 +1381,7 @@ body button { .note-search-bar .fa-chevron-up::before { content: var(--s-icon-chevron-up) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1349,6 +1399,7 @@ body button { .note-search-bar > div > a:first-child .fa-times::after { content: var(--s-icon-xmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1409,6 +1460,7 @@ body button { .rli-noteList .search-bar::after { content: var(--s-icon-magnifyingglass) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1417,7 +1469,7 @@ body button { left: 0; color: var(--g-secondaryLabelColor); font-size: calc(var(--u-font-family-icons, 1) * 1.7rem); - font-weight: normal !important; + font-weight: 900 !important; top: 50%; left: 0.8rem; pointer-events: none; @@ -1432,6 +1484,7 @@ body button { .rli-noteList .search-bar .fa-times::after { content: var(--s-icon-xmark-circle-fill) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1496,6 +1549,7 @@ body button { .rli-noteList .new-note-todo-buttons .new-todo-button:before { content: var(--s-icon-checkmark-circle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1503,6 +1557,7 @@ body button { .rli-noteList .new-note-todo-buttons .new-note-button:before { content: var(--s-icon-square-and-pencil) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1522,6 +1577,7 @@ body button { .rli-noteList .sort-order-field-button .fa-calendar-alt::before { content: var(--s-icon-clock) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1529,6 +1585,7 @@ body button { .rli-noteList .sort-order-field-button .fa-calendar-plus::before { content: var(--s-icon-calendar) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1536,6 +1593,7 @@ body button { .rli-noteList .sort-order-field-button .fa-font::before { content: var(--s-icon-character) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1543,6 +1601,7 @@ body button { .rli-noteList .sort-order-field-button .fa-calendar-check::before { content: var(--s-icon-checkmark-square) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1550,6 +1609,7 @@ body button { .rli-noteList .sort-order-field-button .fa-check::before { content: var(--s-icon-checkmark-square) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1557,6 +1617,7 @@ body button { .rli-noteList .sort-order-field-button .fa-wrench::before { content: var(--s-icon-arrow-up-arrow-down) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1586,6 +1647,7 @@ body button { .rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-up::before { content: var(--s-icon-arrow-up-circle-fill) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1593,6 +1655,7 @@ body button { .rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-down::before { content: var(--s-icon-arrow-down-circle-fill) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1681,6 +1744,7 @@ body button { .rli-noteList .note-list-item .fa-share-square::before { content: var(--s-icon-arrow-up-right-square-fill) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1769,6 +1833,7 @@ body button { .rli-noteList .todo-list-item input:checked:after { content: var(--s-icon-checkmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -1892,6 +1957,7 @@ body button { .modal-dialog input + a .fa-question-circle::before { content: var(--s-icon-info-circle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2044,6 +2110,7 @@ body button { .modal-dialog .item-list.item-list > div:not(:empty) .fa-book:before { content: var(--s-icon-folder) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2165,6 +2232,7 @@ body button { div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-edit::before { content: var(--s-icon-square-and-pencil) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2172,6 +2240,7 @@ body button { div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-copy::before { content: var(--s-icon-doc-on-clipboard) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2179,6 +2248,7 @@ body button { div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-save::before { content: var(--s-icon-square-and-arrow-down) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2261,6 +2331,7 @@ body button { box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15); content: var(--s-icon-chevron-up-chevron-down) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2317,6 +2388,7 @@ body button { .tag-selector [class*=multiValue] > div:last-child::after { content: var(--s-icon-xmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2785,6 +2857,7 @@ body button { .sidebar.sidebar > div > div button span::before { content: var(--s-icon-plus-circle) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2875,6 +2948,7 @@ body button { .sidebar.sidebar > div .list-item .fa-share-alt::before { content: var(--s-icon-person-2) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2938,6 +3012,7 @@ body button { .sidebar.sidebar > div .folder-and-tag-list .list-item::before { content: var(--s-icon-folder) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2946,6 +3021,7 @@ body button { .sidebar.sidebar > div .folder-and-tag-list .list-item:has(.fa-trash)::before { content: var(--s-icon-trash) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -2954,6 +3030,7 @@ body button { .sidebar.sidebar > div .folder-and-tag-list .list-item:has(.tag-label)::before { content: var(--s-icon-tag) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -3002,6 +3079,7 @@ body button { .sidebar.sidebar .fas.fa-caret-right::before { content: var(--s-icon-chevron-forward) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -3010,6 +3088,7 @@ body button { .sidebar.sidebar .fas.fa-caret-down::before { content: var(--s-icon-chevron-down) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -3057,6 +3136,23 @@ body button { animation: var(--u-sidebar-synchronise-label, tooltipTimeout 1s); opacity: 1; } + /* Hide the sync-report expand/collapse arrow and always show the status, + like older versions. */ + .sync-report-toggle { + display: none !important; + } + #sync-report { + display: block !important; + height: auto !important; + max-height: none !important; + overflow: visible !important; + opacity: 1 !important; + visibility: visible !important; + } + #sync-report, + #sync-report * { + color: var(--s-sidebar__synchronise-Color) !important; + } .sidebar.sidebar > div:last-child button { border: none; justify-content: flex-start; @@ -3064,7 +3160,7 @@ body button { text-align: left; font-size: 1.3rem; height: unset !important; - min-height: unset !important; + min-height: unset !important; max-height: unset !important; padding-top: .6rem !important; margin-bottom: .5rem !important; @@ -3082,12 +3178,24 @@ body button { .sidebar.sidebar > div:last-child button .icon-sync::before { content: var(--s-icon-arrow-triangle-2-circlepath) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); font-size: 1.2rem; -webkit-font-smoothing: antialiased; } + /* The synchronise button uses Joplin's native Font Awesome classes + (fas fa-check / fa-sync / fa-exclamation... depending on state), but the + bundled FA5 webfont doesn't render here, so it shows a blank box. The FA + class already sets the correct codepoint via ::before content — we just + redirect it to the working system Font Awesome 7 (same codepoints). */ + .sidebar-sync-button .fas::before, + .sidebar-sync-button .icon::before { + font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; + -webkit-font-smoothing: antialiased; + } } @media screen { .CodeMirror.CodeMirror { @@ -3316,6 +3424,7 @@ body#tinymce .inline-code *, #joplin-container-content ul.joplin-checklist li.checked:before { content: var(--s-icon-checkmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -3381,6 +3490,7 @@ body#tinymce .inline-code *, #joplin-container-content li.joplin-checkbox .checkbox-label-checked:before { content: var(--s-icon-checkmark) !important; font-family: var(--s-font-family-icons) !important; + font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); @@ -3861,6 +3971,7 @@ span.cm-invalidchar { color: #ff5370; font-weight: bold; } .ͼ1 .cm-panel.cm-search > button[name="prev"]::before { content: var(--s-icon-chevron-up) !important; font-family: var(--s-font-family-icons) !important; +font-weight: 900 !important; vertical-align: middle; display: block; transform: scale(var(--s-icon-size-factor)); diff --git a/03-user/fonts/sf-pro/SF-Pro-Display-Regular.otf b/03-user/fonts/sf-pro/SF-Pro-Display-Regular.otf deleted file mode 100644 index bdb0450..0000000 Binary files a/03-user/fonts/sf-pro/SF-Pro-Display-Regular.otf and /dev/null differ