.editor-toolbar button{
    position: relative;
    width: 20px;
    height: 20px;
}
.editor-toolbar button:after{
    content: ' ';
    position: absolute;
    inset: 0;    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.editor-toolbar button.bold:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNNi43NSAzLjc0NGgtLjc1M3Y4LjI1aDcuMTI1YTQuMTI1IDQuMTI1IDAgMCAwIDAtOC4yNUg2Ljc1Wm0wIDB2LjM4bTAgMTYuMTIyaDYuNzQ3YTQuNSA0LjUgMCAwIDAgMC05LjAwMWgtNy41djloLjc1M1ptMCAwdi0uMzdtMC0xNS43NTFoNmEzLjc1IDMuNzUgMCAxIDEgMCA3LjVoLTZtMC03LjV2Ny41bTAgMHY4LjI1bTAtOC4yNWg2LjM3NWE0LjEyNSA0LjEyNSAwIDAgMSAwIDguMjVINi43NW0uNzQ3LTE1LjM4aDQuODc1YTMuMzc1IDMuMzc1IDAgMCAxIDAgNi43NUg3LjQ5N3YtNi43NVptMCA3LjVoNS4yNWEzLjc1IDMuNzUgMCAwIDEgMCA3LjVoLTUuMjV2LTcuNVoiIC8+Cjwvc3ZnPg==");
}
.editor-toolbar button.italic:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik01LjI0OCAyMC4yNDZIOS4wNW0wIDBoMy42OTZtLTMuNjk2IDAgNS44OTMtMTYuNTAybTAgMGgtMy42OTdtMy42OTcgMGgzLjgwMyIgLz4KPC9zdmc+");
}

.editor-toolbar button.heading:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yLjI0MyA0LjQ5M3Y3LjVtMCAwdjcuNTAybTAtNy41MDFoMTAuNW0wLTcuNXY3LjVtMCAwdjcuNTAxbTQuNTAxLTguNjI3IDIuMjUtMS41djEwLjEyNm0wIDBoLTIuMjVtMi4yNSAwaDIuMjUiIC8+Cjwvc3ZnPg==");
}

.editor-toolbar button.quote:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNzM0MTc2MTA4NTYzIiBmaWxsPSJjdXJyZW50Q29sb3IiIGNsYXNzPSJzaXplLTUiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwLWlkPSI1ODU5Ij48cGF0aCBkPSJNNzkxLjg1MDY2NyAxNjcuNzY1MzMzYTIxMC44NTg2NjcgMjEwLjg1ODY2NyAwIDEgMCAwIDQyMS42NzQ2NjcgMTk2LjY1MDY2NyAxOTYuNjUwNjY3IDAgMCAwIDQ3LjU3MzMzMy02LjAxNiAxMC42NjY2NjcgMTAuNjY2NjY3IDAgMCAxIDExLjc3NiAxNS43MDEzMzMgMjkxLjQxMzMzMyAyOTEuNDEzMzMzIDAgMCAxLTI1MC43OTQ2NjcgMTUwLjMxNDY2NyA1My4zMzMzMzMgNTMuMzMzMzMzIDAgMCAwIDAgMTA2LjY2NjY2NyA0MTQuMjkzMzMzIDQxNC4yOTMzMzMgMCAwIDAgNDAyLjI2MTMzNC00MjQuNTMzMzM0VjM3OC41ODEzMzNhMjExLjA3MiAyMTEuMDcyIDAgMCAwLTIxMC44MTYtMjEwLjgxNlpNMjY2LjA2OTMzMyAxNjcuNzY1MzMzYTIxMC44NTg2NjcgMjEwLjg1ODY2NyAwIDAgMCAwIDQyMS42NzQ2NjcgMTk2LjI2NjY2NyAxOTYuMjY2NjY3IDAgMCAwIDQ3LjU3MzMzNC02LjAxNiAxMC42NjY2NjcgMTAuNjY2NjY3IDAgMCAxIDExLjgxODY2NiAxNS43MDEzMzMgMjkxLjQxMzMzMyAyOTEuNDEzMzMzIDAgMCAxLTI1MC43OTQ2NjYgMTUwLjMxNDY2NyA1My4zMzMzMzMgNTMuMzMzMzMzIDAgMCAwIDAgMTA2LjY2NjY2NyA0MTQuMzM2IDQxNC4zMzYgMCAwIDAgNDAyLjI2MTMzMy00MjQuNTMzMzM0VjM3OC41ODEzMzNhMjExLjA3MiAyMTEuMDcyIDAgMCAwLTIxMC44NTg2NjctMjEwLjgxNnoiIHAtaWQ9IjU4NjAiPjwvcGF0aD48L3N2Zz4=");
}

.editor-toolbar button.code:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNy4yNSA2Ljc1IDIyLjUgMTJsLTUuMjUgNS4yNW0tMTAuNSAwTDEuNSAxMmw1LjI1LTUuMjVtNy41LTMtNC41IDE2LjUiIC8+Cjwvc3ZnPg==");
}

.editor-toolbar button.unordered-list:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik04LjI1IDYuNzVoMTJNOC4yNSAxMmgxMm0tMTIgNS4yNWgxMk0zLjc1IDYuNzVoLjAwN3YuMDA4SDMuNzVWNi43NVptLjM3NSAwYS4zNzUuMzc1IDAgMSAxLS43NSAwIC4zNzUuMzc1IDAgMCAxIC43NSAwWk0zLjc1IDEyaC4wMDd2LjAwOEgzLjc1VjEyWm0uMzc1IDBhLjM3NS4zNzUgMCAxIDEtLjc1IDAgLjM3NS4zNzUgMCAwIDEgLjc1IDBabS0uMzc1IDUuMjVoLjAwN3YuMDA4SDMuNzV2LS4wMDhabS4zNzUgMGEuMzc1LjM3NSAwIDEgMS0uNzUgMCAuMzc1LjM3NSAwIDAgMSAuNzUgMFoiIC8+Cjwvc3ZnPg==");
}

.editor-toolbar button.ordered-list:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik04LjI0MiA1Ljk5MmgxMm0tMTIgNi4wMDNIMjAuMjRtLTEyIDUuOTk5aDEyTTQuMTE3IDcuNDk1di0zLjc1SDIuOTltMS4xMjUgMy43NUgyLjk5bTEuMTI1IDBINS4yNG0tMS45MiAyLjU3N2ExLjEyNSAxLjEyNSAwIDEgMSAxLjU5MSAxLjU5bC0xLjgzIDEuODNoMi4xNk0yLjk5IDE1Ljc0NWgxLjEyNWExLjEyNSAxLjEyNSAwIDAgMSAwIDIuMjVIMy43NG0wLS4wMDJoLjM3NWExLjEyNSAxLjEyNSAwIDAgMSAwIDIuMjVIMi45OSIgLz4KPC9zdmc+");
}


.editor-toolbar button.link:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMy4xOSA4LjY4OGE0LjUgNC41IDAgMCAxIDEuMjQyIDcuMjQ0bC00LjUgNC41YTQuNSA0LjUgMCAwIDEtNi4zNjQtNi4zNjRsMS43NTctMS43NTdtMTMuMzUtLjYyMiAxLjc1Ny0xLjc1N2E0LjUgNC41IDAgMCAwLTYuMzY0LTYuMzY0bC00LjUgNC41YTQuNSA0LjUgMCAwIDAgMS4yNDIgNy4yNDQiIC8+Cjwvc3ZnPg==");
}
.editor-toolbar button.image:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgNmEyLjI1IDIuMjUgMCAwIDEgMi4yNS0yLjI1aDE2LjVBMi4yNSAyLjI1IDAgMCAxIDIyLjUgNnYxMmEyLjI1IDIuMjUgMCAwIDEtMi4yNSAyLjI1SDMuNzVBMi4yNSAyLjI1IDAgMCAxIDEuNSAxOFY2Wk0zIDE2LjA2VjE4YzAgLjQxNC4zMzYuNzUuNzUuNzVoMTYuNUEuNzUuNzUgMCAwIDAgMjEgMTh2LTEuOTRsLTIuNjktMi42ODlhMS41IDEuNSAwIDAgMC0yLjEyIDBsLS44OC44NzkuOTcuOTdhLjc1Ljc1IDAgMSAxLTEuMDYgMS4wNmwtNS4xNi01LjE1OWExLjUgMS41IDAgMCAwLTIuMTIgMEwzIDE2LjA2MVptMTAuMTI1LTcuODFhMS4xMjUgMS4xMjUgMCAxIDEgMi4yNSAwIDEuMTI1IDEuMTI1IDAgMCAxLTIuMjUgMFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgLz4KPC9zdmc+");
}
.editor-toolbar button.uploadimage:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBkPSJNMTEuNDcgMS43MmEuNzUuNzUgMCAwIDEgMS4wNiAwbDMgM2EuNzUuNzUgMCAwIDEtMS4wNiAxLjA2bC0xLjcyLTEuNzJWNy41aC0xLjVWNC4wNkw5LjUzIDUuNzhhLjc1Ljc1IDAgMCAxLTEuMDYtMS4wNmwzLTNaTTExLjI1IDcuNVYxNWEuNzUuNzUgMCAwIDAgMS41IDBWNy41aDMuNzVhMyAzIDAgMCAxIDMgM3Y5YTMgMyAwIDAgMS0zIDNoLTlhMyAzIDAgMCAxLTMtM3YtOWEzIDMgMCAwIDEgMy0zaDMuNzVaIiAvPgo8L3N2Zz4=");
}
.editor-toolbar button.preview:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBkPSJNMTIgMTVhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2WiIgLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjMyMyAxMS40NDdDMi44MTEgNi45NzYgNy4wMjggMy43NSAxMi4wMDEgMy43NWM0Ljk3IDAgOS4xODUgMy4yMjMgMTAuNjc1IDcuNjkuMTIuMzYyLjEyLjc1MiAwIDEuMTEzLTEuNDg3IDQuNDcxLTUuNzA1IDcuNjk3LTEwLjY3NyA3LjY5Ny00Ljk3IDAtOS4xODYtMy4yMjMtMTAuNjc1LTcuNjlhMS43NjIgMS43NjIgMCAwIDEgMC0xLjExM1pNMTcuMjUgMTJhNS4yNSA1LjI1IDAgMSAxLTEwLjUgMCA1LjI1IDUuMjUgMCAwIDEgMTAuNSAwWiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4=");
}
.editor-toolbar button.side-by-side:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIHY3LjIuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI2IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0wIDk2QzAgNjAuNyAyOC43IDMyIDY0IDMybDMyMCAwYzM1LjMgMCA2NCAyOC43IDY0IDY0bDAgMzIwYzAgMzUuMy0yOC43IDY0LTY0IDY0TDY0IDQ4MGMtMzUuMyAwLTY0LTI4LjctNjQtNjRMMCA5NnptNjQgNjRsMCAyNTYgMTI4IDAgMC0yNTYtMTI4IDB6bTMyMCAwbC0xMjggMCAwIDI1NiAxMjggMCAwLTI1NnoiLz48L3N2Zz4=");
}
.editor-toolbar button.fullscreen:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zLjc1IDMuNzV2NC41bTAtNC41aDQuNW0tNC41IDBMOSA5TTMuNzUgMjAuMjV2LTQuNW0wIDQuNWg0LjVtLTQuNSAwTDkgMTVNMjAuMjUgMy43NWgtNC41bTQuNSAwdjQuNW0wLTQuNUwxNSA5bTUuMjUgMTEuMjVoLTQuNW00LjUgMHYtNC41bTAgNC41TDE1IDE1IiAvPgo8L3N2Zz4=");
}

.editor-toolbar button.fullscreen.active:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05IDlWNC41TTkgOUg0LjVNOSA5IDMuNzUgMy43NU05IDE1djQuNU05IDE1SDQuNU05IDE1bC01LjI1IDUuMjVNMTUgOWg0LjVNMTUgOVY0LjVNMTUgOWw1LjI1LTUuMjVNMTUgMTVoNC41TTE1IDE1djQuNW0wLTQuNSA1LjI1IDUuMjUiIC8+Cjwvc3ZnPg==");
}

.editor-toolbar button.boldx:after{
    background-image: url("");
}
.dark .editor-toolbar button:after {
    filter: invert(1) hue-rotate(180deg);
}