Răsfoiți Sursa

[cm6] dark mode for toolbar dropdowns (#13870)

GitOrigin-RevId: e220edddc678dd05c4c5d1927a5fcac379cd6ed5
Domagoj Kriskovic 3 ani în urmă
părinte
comite
79f07e5626

+ 7 - 0
services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts

@@ -71,6 +71,7 @@ export const toolbarPanel = () => [
       },
       },
       '& .list-group': {
       '& .list-group': {
         marginBottom: 0,
         marginBottom: 0,
+        backgroundColor: 'var(--editor-toolbar-bg)',
       },
       },
       '& .list-group-item': {
       '& .list-group-item': {
         width: '100%',
         width: '100%',
@@ -78,6 +79,12 @@ export const toolbarPanel = () => [
         display: 'flex',
         display: 'flex',
         alignItems: 'center',
         alignItems: 'center',
         gap: '5px',
         gap: '5px',
+        color: 'var(--toolbar-btn-color)',
+        borderColor: 'var(--editor-toolbar-bg)',
+        background: 'none',
+        '&:hover, &:focus': {
+          backgroundColor: 'rgba(125, 125, 125, 0.2)',
+        },
       },
       },
     },
     },
     '.ol-cm-toolbar-button-group': {
     '.ol-cm-toolbar-button-group': {