From 1d45f316902e778a7b5d39943516e9257542cba7 Mon Sep 17 00:00:00 2001 From: cuom1999 Date: Fri, 23 Dec 2022 03:13:12 -0600 Subject: [PATCH] Add darkmode for editor icons --- resources/darkmode-svg.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 resources/darkmode-svg.css diff --git a/resources/darkmode-svg.css b/resources/darkmode-svg.css new file mode 100644 index 0000000..83c1f21 --- /dev/null +++ b/resources/darkmode-svg.css @@ -0,0 +1,16 @@ +/* Add css `style="filter:invert(100%)"` for all , then use btoa to convert in js */ +.wmd-latex-button-display { + background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bWV0YWRhdGE+IFN2ZyBWZWN0b3IgSWNvbnMgOiBodHRwOi8vd3d3Lm9ubGluZXdlYmZvbnRzLmNvbS9pY29uIDwvbWV0YWRhdGE+CjxnPjxwYXRoIHN0eWxlPSJmaWx0ZXI6aW52ZXJ0KDEwMCUpIiBkPSJNMTk1LjMsNDI1LjZsLTAuNi04Ny44aDEyOS44bDgtNTguMWM2LjYtNjUuNCwyOC43LTEyNS44LDY2LjQtMTgxLjJDNDM2LjUsNDMsNDk5LjEsMTMuNSw1ODYuNywxMGM0MC4yLDEuOSw2OS45LDguMyw4OS4yLDE5LjFsLTIxLDgxLjRjLTE5LjUtOC00Mi4yLTEyLjItNjguMi0xMi42Yy00NC4xLDEuNS03Ny4xLDE5LTk5LDUyLjdjLTIxLjgsMzMuNy0zNS4yLDc0LjYtNDAsMTIyLjhsLTgsNjQuNGgxNDkuNnY4Ny44SDQyMy40bC0zMS4xLDI3My45Yy05LDg4LjUtMzAuMiwxNTguNy02My43LDIxMC43Yy0zMy41LDUyLTg3LjQsNzguNi0xNjEuOCw3OS44Yy00NC4xLTAuOS03Ny44LTguMy0xMDEuMS0yMi4zbDIwLjctODEuNmMyMS42LDEwLjMsNDUuOCwxNS4yLDcyLjYsMTQuOGMzOS40LTAuMiw2OC41LTE4LjIsODcuMi01NGMxOC43LTM1LjgsMzEuNS04OCwzOC42LTE1Ni43bDI5LjgtMjY0LjVIMTk1LjN6IE02ODEuMSw3MTguNmwtMTIuNS02MS44bC0xMy4zLTU1LjNMNjQ0LDU2Ny45bC0xMi42LTExLjdsLTYuNywxLjhsLTE1LDE0LjFsLTIxLjMsMzEuNEw1NDQsNTg2LjJjMTYuOS0yNy40LDMzLjItNDcuOSw0OC44LTYxLjVjMTUuNi0xMy41LDM0LTIwLjMsNzMuMy0yMC4zbDM4LjgsMTEuNmwyMy43LDQwLjhsOS45LDQwbDUuNiwzMy43TDgyNSw1MjcuMWM5LjItOC4zLDE4LTE0LjIsMjYuNC0xNy42YzguNC0zLjQsMTkuNi01LjEsMzMuNy01LjFjMy4xLDAsNDEuMiwxLjUsNDkuMyw0LjZsLTE2LjEsNjkuNkg5MDBoLTEwaC0xOC4yYy0xLTYuNS0zLTExLjEtNi4yLTEzLjhsLTcuMyw0bC0xNy4yLDE2LjRsLTgxLjgsMTAyLjlsMTMuOCw2Ny41bDExLjUsNDcuM2w4LjgsMjkuOWw4LjMsMTYuNGwxMS4yLDguMmMzLjktMS41LDcuNy0zLjksMTEuNS03LjJjNi44LTYsMTYuNy0xOS41LDI5LjYtNDAuNmw0NC40LDE3LjNjLTE4LjcsMzAtMzUuNyw1MS4xLTUwLjksNjMuNGMtMTUuMiwxMi4zLTMzLjMsMTguNC01NC4yLDE4LjRjLTMsMC0zOS42LTIuMS00Ny43LTYuM2MtOC00LjItMTUtMTAuOS0yMS0yMC4yYy01LjktOS4yLTExLjItMjMuNi0xNS43LTQzLjFjLTYuMS0yNS41LTEwLjUtNDYuNi0xMy4xLTYzLjRMNjEwLDg4NmMtOSw4LjUtMTcuNywxNC40LTI2LjIsMTcuOGMtOC41LDMuNC0xOS43LDUuMS0zMy43LDUuMWMtMy4xLDAtNDEuMS0xLjUtNDkuMi00LjZsMTYuMS02OS42aDQ2LjVjMC45LDYuNSwzLDExLjEsNi4xLDEzLjhsMS43LTAuNGwxNy45LTE1LjFMNjgxLjEsNzE4LjZ6Ii8+PC9nPgo8L3N2Zz4="); +} +.wmd-link-button { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48cGF0aCBzdHlsZT0iZmlsdGVyOmludmVydCgxMDAlKSIgZD0iTTIxLjAzOTg2LDAuNTAzM2MtMi43OTY0NSwwLTUuNDIyNjEsMS4wODUyNy03LjM5NDksMy4wNTgxMUwxMi4xMTkyLDUuMDg3NTkgICBjLTAuMzY2MTUsMC4zNjYxNS0wLjU2NzI2LDAuODUyNTQtMC41NjcyNiwxLjM3MDA2YzAsMC41MTg1NSwwLjIwMTU0LDEuMDA0ODgsMC41Njc3NSwxLjM3MDEyICAgYzAuNzMyNzksMC43MzIzNiwyLjAwODczLDAuNzMyMzYsMi43NDA2LDBsMS41MjUyNy0xLjUyNjE4YzIuNTY2MS0yLjU2NTEyLDYuNzQyMDctMi41NjQyMSw5LjMwODE3LDAgICBjMS4yNDUxOCwxLjI0NTE4LDEuOTMwNjYsMi44OTgxMywxLjkzMDY2LDQuNjU0M2MwLDEuNzU2MS0wLjY4NTk3LDMuNDA5MTItMS45MzExNSw0LjY1NDNsLTEuNTI1NzYsMS41MjYxOCAgIGMtMC4zNjYxNSwwLjM2NjIxLTAuNTY3MiwwLjg1MjU0LTAuNTY3MiwxLjM3MDEyYzAsMC41MTg0OSwwLjIwMTU0LDEuMDA0ODIsMC41Njc2OSwxLjM3MDA2ICAgYzAuMzY2MjEsMC4zNjYxNSwwLjg1MjU0LDAuNTY3NjksMS4zNzAxMiwwLjU2NzY5YzAuNTE3NTIsMCwxLjAwNDMzLTAuMjAxNTQsMS4zNzA1NC0wLjU2NzY5bDEuNTI1MjctMS41MjYxOCAgIEMzMC40MTA5NSwxNi4zNzI4LDMxLjUsMTMuNzQ3MTMsMzEuNSwxMC45NTU4N3MtMS4wODkwNS01LjQxNjkzLTMuMDY2MS03LjM5NDQ3QzI2LjQ2MjA0LDEuNTg4NTYsMjMuODM2MzYsMC41MDMzLDIxLjAzOTg2LDAuNTAzMyAgIHoiLz48cGF0aCBzdHlsZT0iZmlsdGVyOmludmVydCgxMDAlKSIgZD0iTTEwLjk1MTYsMzEuNDk2NjRjMi43OTYwMiwwLDUuNDIyMTItMS4wODYxOCw3LjM5NDk2LTMuMDU4MDRsMS41MjU3LTEuNTI2MTggICBjMC4zNjYyMS0wLjM2NjIxLDAuNTY3MjYtMC44NTI1NCwwLjU2NzI2LTEuMzcwMTJjMC0wLjUxODQ5LTAuMjAxNTQtMS4wMDQ4Mi0wLjU2NzY5LTEuMzcwMDYgICBjLTAuNzMyODUtMC43MzMzNC0yLjAwODc5LTAuNzMxNDUtMi43NDA2NiwwbC0xLjUyNTI3LDEuNTI2MThjLTIuNTY0MTUsMi41NjYwNC02Ljc0MDY2LDIuNTY3MDItOS4zMDg1OSwwICAgYy0yLjU2NjA0LTIuNTY2MDQtMi41NjYwNC02Ljc0MjU1LDAtOS4zMDg1OWwxLjUyNjE4LTEuNTI2MjVjMC43NTU1NS0wLjc1NSwwLjc1NTU1LTEuOTg1MTEsMC0yLjc0MDExICAgYy0wLjc1NTA3LTAuNzU1MDctMS45ODUxMS0wLjc1NTA3LTIuNzQwMTcsMGwtMS41MjYxOCwxLjUyNjE4Yy00LjA3NjE3LDQuMDc3MTUtNC4wNzYxNywxMC43MTE3OSwwLDE0Ljc4ODk0ICAgQzUuNTI4OTksMzAuNDEwNDYsOC4xNTUxNSwzMS40OTY2NCwxMC45NTE2LDMxLjQ5NjY0eiIvPjxwYXRoIHN0eWxlPSJmaWx0ZXI6aW52ZXJ0KDEwMCUpIiBkPSJNOS40MTY0NCwyMi41Nzk3N2MwLjM2NjE1LDAuMzY2MjEsMC44NTI0OCwwLjU2Nzc1LDEuMzcwMDYsMC41Njc3NWMwLjUxODA3LDAsMS4wMDQ4Mi0wLjIwMTU0LDEuMzcwMDYtMC41Njc3NSAgIGwxMC40MTg1Mi0xMC40MTk0M2MwLjM2NjE1LTAuMzY2MTUsMC41Njc2OS0wLjg1MjQ4LDAuNTY3NjktMS4zNzAwNnMtMC4yMDE1NC0xLjAwMzkxLTAuNTY3NjktMS4zNzAxMiAgIGMtMC43MzE4Ny0wLjczMjM2LTIuMDA5MjItMC43MzIzNi0yLjc0MDE3LDBMOS40MTY0NCwxOS44Mzk2Yy0wLjM2NjIxLDAuMzY2MjEtMC41Njc3NSwwLjg1MjU0LTAuNTY3NzUsMS4zNzAxMiAgIFM5LjA1MDIzLDIyLjIxMzYyLDkuNDE2NDQsMjIuNTc5Nzd6Ii8+PC9nPjwvc3ZnPg=="); +} +.wmd-code-button { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDY0MCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9ImZpbHRlcjppbnZlcnQoMTAwJSkiIGQ9Ik00MTYgMzEuOTRDNDE2IDIxLjc1IDQwOC4xIDAgMzg0LjEgMGMtMTMuOTggMC0yNi44NyA5LjA3Mi0zMC44OSAyMy4xOGwtMTI4IDQ0OGMtLjg0MDQgMi45MzUtMS4yNDEgNS44OTItMS4yNDEgOC44MDFDMjIzLjEgNDkwLjMgMjMyIDUxMiAyNTYgNTEyYzEzLjkyIDAgMjYuNzMtOS4xNTcgMzAuNzUtMjMuMjJsMTI4LTQ0OEM0MTUuNiAzNy44MSA0MTYgMzQuODUgNDE2IDMxLjk0ek0xNzYgMTQzLjFjMC0xOC4yOC0xNC45NS0zMi0zMi0zMmMtOC4xODggMC0xNi4zOCAzLjEyNS0yMi42MiA5LjM3NmwtMTEyIDExMkMzLjEyNSAyMzkuNiAwIDI0Ny44IDAgMjU1LjFTMy4xMjUgMjcyLjQgOS4zNzUgMjc4LjZsMTEyIDExMkMxMjcuNiAzOTYuOSAxMzUuOCAzOTkuMSAxNDQgMzk5LjFjMTcuMDUgMCAzMi0xMy43MyAzMi0zMmMwLTguMTg4LTMuMTI1LTE2LjM4LTkuMzc1LTIyLjYzTDc3LjI1IDI1NS4xbDg5LjM4LTg5LjM4QzE3Mi45IDE2MC4zIDE3NiAxNTIuMiAxNzYgMTQzLjF6TTY0MCAyNTUuMWMwLTguMTg4LTMuMTI1LTE2LjM4LTkuMzc1LTIyLjYzbC0xMTItMTEyQzUxMi40IDExNS4xIDUwNC4yIDExMS4xIDQ5NiAxMTEuMWMtMTcuMDUgMC0zMiAxMy43My0zMiAzMmMwIDguMTg4IDMuMTI1IDE2LjM4IDkuMzc1IDIyLjYzbDg5LjM4IDg5LjM4bC04OS4zOCA4OS4zOEM0NjcuMSAzNTEuNiA0NjQgMzU5LjggNDY0IDM2Ny4xYzAgMTguMjggMTQuOTUgMzIgMzIgMzJjOC4xODggMCAxNi4zOC0zLjEyNSAyMi42Mi05LjM3NmwxMTItMTEyQzYzNi45IDI3Mi40IDY0MCAyNjQuMiA2NDAgMjU1LjF6Ii8+PC9zdmc+"); +} +.wmd-image-button { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxOHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzEuMDAwMDAwLCAtMTcxLjAwMDAwMCkiPjxnIGlkPSJkcml2ZS1pbWFnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcxLjAwMDAwMCwgMTcxLjAwMDAwMCkiPjxwYXRoIHN0eWxlPSJmaWx0ZXI6aW52ZXJ0KDEwMCUpIiBkPSJNMTgsMTYgTDE4LDIgQzE4LDAuOSAxNy4xLDAgMTYsMCBMMiwwIEMwLjksMCAwLDAuOSAwLDIgTDAsMTYgQzAsMTcuMSAwLjksMTggMiwxOCBMMTYsMTggQzE3LjEsMTggMTgsMTcuMSAxOCwxNiBMMTgsMTYgWiBNNS41LDEwLjUgTDgsMTMuNSBMMTEuNSw5IEwxNiwxNSBMMiwxNSBMNS41LDEwLjUgTDUuNSwxMC41IFoiIGlkPSJTaGFwZSIvPjwvZz48L2c+PC9nPjwvc3ZnPg=="); +} +.wmd-heading-button { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB3aWR0aD0iMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBzdHlsZT0iZmlsdGVyOmludmVydCgxMDAlKSIgZD0iTTE2ODIgMTY2NHEtNDQgMC0xMzIuNS0zLjV0LTEzMy41LTMuNXEtNDQgMC0xMzIgMy41dC0xMzIgMy41cS0yNCAwLTM3LTIwLjV0LTEzLTQ1LjVxMC0zMSAxNy00NnQzOS0xNyA1MS03IDQ1LTE1cTMzLTIxIDMzLTE0MGwtMS0zOTFxMC0yMS0xLTMxLTEzLTQtNTAtNGgtNjc1cS0zOCAwLTUxIDQtMSAxMC0xIDMxbC0xIDM3MXEwIDE0MiAzNyAxNjQgMTYgMTAgNDggMTN0NTcgMy41IDQ1IDE1IDIwIDQ1LjVxMCAyNi0xMi41IDQ4dC0zNi41IDIycS00NyAwLTEzOS41LTMuNXQtMTM4LjUtMy41cS00MyAwLTEyOCAzLjV0LTEyNyAzLjVxLTIzIDAtMzUuNS0yMXQtMTIuNS00NXEwLTMwIDE1LjUtNDV0MzYtMTcuNSA0Ny41LTcuNSA0Mi0xNXEzMy0yMyAzMy0xNDNsLTEtNTd2LTgxM3EwLTMgLjUtMjZ0MC0zNi41LTEuNS0zOC41LTMuNS00Mi02LjUtMzYuNS0xMS0zMS41LTE2LTE4cS0xNS0xMC00NS0xMnQtNTMtMi00MS0xNC0xOC00NXEwLTI2IDEyLTQ4dDM2LTIycTQ2IDAgMTM4LjUgMy41dDEzOC41IDMuNXE0MiAwIDEyNi41LTMuNXQxMjYuNS0zLjVxMjUgMCAzNy41IDIydDEyLjUgNDhxMCAzMC0xNyA0My41dC0zOC41IDE0LjUtNDkuNSA0LTQzIDEzcS0zNSAyMS0zNSAxNjBsMSAzMjBxMCAyMSAxIDMyIDEzIDMgMzkgM2g2OTlxMjUgMCAzOC0zIDEtMTEgMS0zMmwxLTMyMHEwLTEzOS0zNS0xNjAtMTgtMTEtNTguNS0xMi41dC02Ni0xMy0yNS41LTQ5LjVxMC0yNiAxMi41LTQ4dDM3LjUtMjJxNDQgMCAxMzIgMy41dDEzMiAzLjVxNDMgMCAxMjktMy41dDEyOS0zLjVxMjUgMCAzNy41IDIydDEyLjUgNDhxMCAzMC0xNy41IDQ0dC00MCAxNC41LTUxLjUgMy00NCAxMi41cS0zNSAyMy0zNSAxNjFsMSA5NDNxMCAxMTkgMzQgMTQwIDE2IDEwIDQ2IDEzLjV0NTMuNSA0LjUgNDEuNSAxNS41IDE4IDQ0LjVxMCAyNi0xMiA0OHQtMzYgMjJ6Ii8+PC9zdmc+"); +}