@opensumi/ide-design 3.1.1-next-1718075879.0 → 3.1.1-next-1718087342.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/index.d.ts.map +1 -1
- package/lib/browser/index.js +2 -1
- package/lib/browser/index.js.map +1 -1
- package/lib/browser/override/editor-tab.service.d.ts.map +1 -1
- package/lib/browser/override/editor-tab.service.js +3 -1
- package/lib/browser/override/editor-tab.service.js.map +1 -1
- package/lib/browser/style/design.module.less +2 -2
- package/lib/browser/style/global.less +12 -0
- package/lib/browser/theme/override.token.d.ts +2 -1
- package/lib/browser/theme/override.token.d.ts.map +1 -1
- package/lib/browser/theme/override.token.js +14 -3
- package/lib/browser/theme/override.token.js.map +1 -1
- package/package.json +6 -6
- package/src/browser/index.ts +3 -2
- package/src/browser/override/editor-tab.service.tsx +13 -4
- package/src/browser/style/design.module.less +2 -2
- package/src/browser/style/global.less +12 -0
- package/src/browser/theme/override.token.ts +22 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAO,MAAM,4BAA4B,CAAC;AA0BhE,qBACa,YAAa,SAAQ,aAAa;IAC7C,SAAS,EAAE,QAAQ,EAAE,CAAuD;IAE5E,WAAW,aAAc,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,QAAQ,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAO,MAAM,4BAA4B,CAAC;AA0BhE,qBACa,YAAa,SAAQ,aAAa;IAC7C,SAAS,EAAE,QAAQ,EAAE,CAAuD;IAE5E,WAAW,aAAc,QAAQ,UA+E/B;CACH"}
|
package/lib/browser/index.js
CHANGED
|
@@ -29,7 +29,8 @@ let DesignModule = class DesignModule extends ide_core_browser_1.BrowserModule {
|
|
|
29
29
|
import('./style/global.less');
|
|
30
30
|
const designStyleService = injector.get(design_1.IDesignStyleService);
|
|
31
31
|
designStyleService.setStyles(design_module_less_1.default);
|
|
32
|
-
(0, override_token_1.
|
|
32
|
+
(0, override_token_1.overrideColorToken)();
|
|
33
|
+
(0, override_token_1.overrideMonacoColorToken)();
|
|
33
34
|
const appLifeCycleService = injector.get(ide_core_common_1.AppLifeCycleServiceToken);
|
|
34
35
|
ide_core_common_1.Event.once(ide_core_common_1.Event.filter(appLifeCycleService.onDidLifeCyclePhaseChange, (phase) => phase === 3 /* LifeCyclePhase.Starting */))(() => {
|
|
35
36
|
const themeService = injector.get(ide_theme_1.IThemeService);
|
package/lib/browser/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":";;;;AAAA,qCAA8D;AAC9D,iEAAgE;AAChE,8GAA0G;AAC1G,kEAA4E;AAC5E,+FAAoG;AACpG,+DAMmC;AACnC,8DAAqE;AACrE,mDAAqF;AACrF,6EAAyE;AACzE,qGAAgG;AAEhG,+DAA+D;AAC/D,4EAA6E;AAC7E,sEAAuE;AACvE,0DAAsE;AACtE,wEAAyE;AACzE,4FAAsD;AACtD,kFAA8C;AAC9C,8EAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/browser/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-tab.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;
|
|
1
|
+
{"version":3,"file":"editor-tab.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AA8BvF,qBACa,sBAAuB,SAAQ,gBAAgB;IACjD,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS;IAapE,uBAAuB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS;CAGlE"}
|
|
@@ -16,7 +16,9 @@ const EditorTabCloseComponent = (props) => {
|
|
|
16
16
|
const handleClick = (0, react_1.useCallback)(() => {
|
|
17
17
|
setDisplay(false);
|
|
18
18
|
}, []);
|
|
19
|
-
|
|
19
|
+
const title = (0, react_1.useMemo)(() => (0, ide_core_common_1.formatLocalize)('editor.closeTab.title', ide_core_common_1.isMacintosh ? '⌘W' : 'Ctrl+W'), []);
|
|
20
|
+
return (react_1.default.createElement(components_1.Popover, { delay: 1000, position: components_1.PopoverPosition.bottom, id: uid, title: title, onClickAction: handleClick, display: display },
|
|
21
|
+
react_1.default.createElement("span", { title: '' }, children)));
|
|
20
22
|
};
|
|
21
23
|
let DesignEditorTabService = class DesignEditorTabService extends editor_tab_service_1.EditorTabService {
|
|
22
24
|
renderEditorTab(component, isCurrent) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor-tab.service.js","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,uDAA+D;AAE/D,qCAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"editor-tab.service.js","sourceRoot":"","sources":["../../../src/browser/override/editor-tab.service.tsx"],"names":[],"mappings":";;;;AAAA,oEAA6B;AAC7B,uDAA+D;AAE/D,qCAA0C;AAC1C,0EAAqF;AACrF,+DAA8E;AAC9E,4FAAuF;AAEvF,6FAAiD;AAEjD,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,GAAG,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,mBAAmB,GAAG,IAAA,sBAAI,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,gCAAc,EAAC,uBAAuB,EAAE,6BAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAExG,OAAO,CACL,8BAAC,oBAAO,IACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,4BAAe,CAAC,MAAM,EAChC,EAAE,EAAE,GAAG,EACP,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,WAAW,EAC1B,OAAO,EAAE,OAAO;QAEhB,wCAAM,KAAK,EAAC,EAAE,IAAE,QAAQ,CAAQ,CACxB,CACX,CAAC;AACJ,CAAC,CAAC;AAGK,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,qCAAgB;IACjD,eAAe,CAAC,SAAoB,EAAE,SAAkB;QAC/D,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAG,EAAC;gBACb,CAAC,4BAAM,CAAC,mCAAmC,CAAC,CAAC,EAAE,IAAI;gBACnD,CAAC,4BAAM,CAAC,MAAM,CAAC,EAAE,SAAS;aAC3B,CAAC,IAED,SAAS,CACN,CACP,CAAC;IACJ,CAAC;IAEQ,uBAAuB,CAAC,SAAoB;QACnD,OAAO,8BAAC,uBAAuB,QAAE,SAAS,CAA2B,CAAC;IACxE,CAAC;CACF,CAAA;AAjBY,sBAAsB;IADlC,IAAA,eAAU,GAAE;GACA,sBAAsB,CAiBlC;AAjBY,wDAAsB"}
|
|
@@ -232,6 +232,7 @@
|
|
|
232
232
|
font-size: 14px;
|
|
233
233
|
color: var(--design-text-foreground);
|
|
234
234
|
margin-left: 2px;
|
|
235
|
+
border-radius: 4px;
|
|
235
236
|
|
|
236
237
|
&:not(.disabled):hover {
|
|
237
238
|
color: var(--design-text-hoverForeground);
|
|
@@ -257,7 +258,6 @@
|
|
|
257
258
|
}
|
|
258
259
|
|
|
259
260
|
button.design-btnAction {
|
|
260
|
-
border-radius: 4px;
|
|
261
261
|
color: var(--design-text-foreground);
|
|
262
262
|
|
|
263
263
|
&:hover {
|
|
@@ -426,6 +426,7 @@
|
|
|
426
426
|
width: 22px;
|
|
427
427
|
height: 22px;
|
|
428
428
|
color: var(--design-text-foreground);
|
|
429
|
+
border-radius: 4px;
|
|
429
430
|
|
|
430
431
|
&:not(.disabled):hover {
|
|
431
432
|
color: var(--design-text-hoverForeground);
|
|
@@ -437,7 +438,6 @@
|
|
|
437
438
|
font-size: 14px;
|
|
438
439
|
|
|
439
440
|
&:hover {
|
|
440
|
-
border-radius: 4px;
|
|
441
441
|
background-color: var(--kt-icon-hoverBackground);
|
|
442
442
|
color: var(--design-text-hoverForeground);
|
|
443
443
|
}
|
|
@@ -105,6 +105,7 @@
|
|
|
105
105
|
0px 6px 16px 0px var(--design-boxShadow-tertiary);
|
|
106
106
|
border-radius: 6px;
|
|
107
107
|
line-height: 18px;
|
|
108
|
+
padding: 4px 6px;
|
|
108
109
|
|
|
109
110
|
.kt-popover-title {
|
|
110
111
|
margin-bottom: 0;
|
|
@@ -176,6 +177,17 @@ html {
|
|
|
176
177
|
}
|
|
177
178
|
}
|
|
178
179
|
}
|
|
180
|
+
|
|
181
|
+
.action-widget {
|
|
182
|
+
backdrop-filter: saturate(150%) blur(20px);
|
|
183
|
+
-webkit-backdrop-filter: saturate(150%) blur(20px);
|
|
184
|
+
border: 0 none !important;
|
|
185
|
+
box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary),
|
|
186
|
+
0px 6px 16px 0px var(--design-boxShadow-tertiary);
|
|
187
|
+
border-radius: 8px;
|
|
188
|
+
background-color: var(--menu-background);
|
|
189
|
+
padding: 4px 0;
|
|
190
|
+
}
|
|
179
191
|
}
|
|
180
192
|
|
|
181
193
|
.basic_tree {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"override.token.d.ts","sourceRoot":"","sources":["../../../src/browser/theme/override.token.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"override.token.d.ts","sourceRoot":"","sources":["../../../src/browser/theme/override.token.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,YAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,YAkBpC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.overrideMonacoColorToken = exports.overrideColorToken = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const ide_theme_1 = require("@opensumi/ide-theme");
|
|
6
6
|
const default_theme_1 = tslib_1.__importDefault(require("./default-theme"));
|
|
7
7
|
const light_theme_1 = tslib_1.__importDefault(require("./light-theme"));
|
|
8
|
-
const
|
|
8
|
+
const overrideColorToken = () => {
|
|
9
9
|
const colorRegistry = (0, ide_theme_1.getColorRegistry)();
|
|
10
10
|
colorRegistry.getColors().forEach(({ id }) => {
|
|
11
11
|
if (default_theme_1.default.colors[id] && light_theme_1.default.colors[id]) {
|
|
@@ -19,5 +19,16 @@ const doOverrideColorToken = () => {
|
|
|
19
19
|
}
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
|
-
exports.
|
|
22
|
+
exports.overrideColorToken = overrideColorToken;
|
|
23
|
+
const overrideMonacoColorToken = () => {
|
|
24
|
+
/**
|
|
25
|
+
* quickInputListFocusBackground token
|
|
26
|
+
*/
|
|
27
|
+
(0, ide_theme_1.registerColor)('vscode.quickInputList.focusBackground', { light: '#151b2114', dark: '#5F656B40', hcDark: null, hcLight: null }, 'Quick picker background color for the focused item.');
|
|
28
|
+
/**
|
|
29
|
+
* quickInputListFocusForeground token
|
|
30
|
+
*/
|
|
31
|
+
(0, ide_theme_1.registerColor)('quickInputList.focusForeground', { dark: '#ffffff', light: '#151b21', hcDark: null, hcLight: null }, 'Quick picker foreground color for the focused item.');
|
|
32
|
+
};
|
|
33
|
+
exports.overrideMonacoColorToken = overrideMonacoColorToken;
|
|
23
34
|
//# sourceMappingURL=override.token.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"override.token.js","sourceRoot":"","sources":["../../../src/browser/theme/override.token.ts"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"override.token.js","sourceRoot":"","sources":["../../../src/browser/theme/override.token.ts"],"names":[],"mappings":";;;;AACA,mDAAsE;AAEtE,4EAAwC;AACxC,wEAAuC;AAEhC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,aAAa,GAAG,IAAA,4BAAgB,GAAE,CAAC;IAEzC,aAAa,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE;QAC3C,IAAI,uBAAS,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,qBAAU,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE;YACjD,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YAC5C,IAAA,yBAAa,EACX,EAAE,EACF;gBACE,IAAI,EAAE,uBAAS,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,KAAK,EAAE,qBAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC5B,MAAM,EAAE,QAAQ,CAAC,QAAS,CAAC,MAAM,IAAI,IAAI;gBACzC,OAAO,EAAE,QAAQ,CAAC,QAAS,CAAC,OAAO,IAAI,IAAI;aAC5C,EACD,QAAQ,CAAC,WAAW,CACrB,CAAC;SACH;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAlBW,QAAA,kBAAkB,sBAkB7B;AAEK,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C;;OAEG;IACH,IAAA,yBAAa,EACX,uCAAuC,EACvC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EACtE,qDAAqD,CACtD,CAAC;IAEF;;OAEG;IACH,IAAA,yBAAa,EACX,gCAAgC,EAChC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAClE,qDAAqD,CACtD,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,wBAAwB,4BAkBnC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opensumi/ide-design",
|
|
3
|
-
"version": "3.1.1-next-
|
|
3
|
+
"version": "3.1.1-next-1718087342.0",
|
|
4
4
|
"files": [
|
|
5
5
|
"lib",
|
|
6
6
|
"src"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"url": "git@github.com:opensumi/core.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@opensumi/ide-core-common": "3.1.1-next-
|
|
23
|
-
"@opensumi/ide-core-node": "3.1.1-next-
|
|
22
|
+
"@opensumi/ide-core-common": "3.1.1-next-1718087342.0",
|
|
23
|
+
"@opensumi/ide-core-node": "3.1.1-next-1718087342.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@opensumi/ide-core-browser": "3.1.1-next-
|
|
27
|
-
"@opensumi/ide-dev-tool": "3.1.1-next-
|
|
26
|
+
"@opensumi/ide-core-browser": "3.1.1-next-1718087342.0",
|
|
27
|
+
"@opensumi/ide-dev-tool": "3.1.1-next-1718087342.0"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "11a5fb3352c9509c20bc98bd49a823dc0e7f2319"
|
|
30
30
|
}
|
package/src/browser/index.ts
CHANGED
|
@@ -23,7 +23,7 @@ import { DesignSplitPanelService } from './override/split-panel.service';
|
|
|
23
23
|
import designStyles from './style/design.module.less';
|
|
24
24
|
import darkTheme from './theme/default-theme';
|
|
25
25
|
import lightTheme from './theme/light-theme';
|
|
26
|
-
import {
|
|
26
|
+
import { overrideColorToken, overrideMonacoColorToken } from './theme/override.token';
|
|
27
27
|
|
|
28
28
|
@Injectable()
|
|
29
29
|
export class DesignModule extends BrowserModule {
|
|
@@ -35,7 +35,8 @@ export class DesignModule extends BrowserModule {
|
|
|
35
35
|
const designStyleService: IDesignStyleService = injector.get(IDesignStyleService);
|
|
36
36
|
designStyleService.setStyles(designStyles);
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
overrideColorToken();
|
|
39
|
+
overrideMonacoColorToken();
|
|
39
40
|
|
|
40
41
|
const appLifeCycleService: IAppLifeCycleService = injector.get(AppLifeCycleServiceToken);
|
|
41
42
|
|
|
@@ -2,8 +2,8 @@ import cls from 'classnames';
|
|
|
2
2
|
import React, { ReactNode, useCallback, useMemo } from 'react';
|
|
3
3
|
|
|
4
4
|
import { Injectable } from '@opensumi/di';
|
|
5
|
-
import { Popover } from '@opensumi/ide-core-browser/lib/components';
|
|
6
|
-
import {
|
|
5
|
+
import { Popover, PopoverPosition } from '@opensumi/ide-core-browser/lib/components';
|
|
6
|
+
import { formatLocalize, isMacintosh, uuid } from '@opensumi/ide-core-common';
|
|
7
7
|
import { EditorTabService } from '@opensumi/ide-editor/lib/browser/editor.tab.service';
|
|
8
8
|
|
|
9
9
|
import styles from '../style/design.module.less';
|
|
@@ -18,9 +18,18 @@ const EditorTabCloseComponent = (props) => {
|
|
|
18
18
|
setDisplay(false);
|
|
19
19
|
}, []);
|
|
20
20
|
|
|
21
|
+
const title = useMemo(() => formatLocalize('editor.closeTab.title', isMacintosh ? '⌘W' : 'Ctrl+W'), []);
|
|
22
|
+
|
|
21
23
|
return (
|
|
22
|
-
<Popover
|
|
23
|
-
{
|
|
24
|
+
<Popover
|
|
25
|
+
delay={1000}
|
|
26
|
+
position={PopoverPosition.bottom}
|
|
27
|
+
id={uid}
|
|
28
|
+
title={title}
|
|
29
|
+
onClickAction={handleClick}
|
|
30
|
+
display={display}
|
|
31
|
+
>
|
|
32
|
+
<span title=''>{children}</span>
|
|
24
33
|
</Popover>
|
|
25
34
|
);
|
|
26
35
|
};
|
|
@@ -232,6 +232,7 @@
|
|
|
232
232
|
font-size: 14px;
|
|
233
233
|
color: var(--design-text-foreground);
|
|
234
234
|
margin-left: 2px;
|
|
235
|
+
border-radius: 4px;
|
|
235
236
|
|
|
236
237
|
&:not(.disabled):hover {
|
|
237
238
|
color: var(--design-text-hoverForeground);
|
|
@@ -257,7 +258,6 @@
|
|
|
257
258
|
}
|
|
258
259
|
|
|
259
260
|
button.design-btnAction {
|
|
260
|
-
border-radius: 4px;
|
|
261
261
|
color: var(--design-text-foreground);
|
|
262
262
|
|
|
263
263
|
&:hover {
|
|
@@ -426,6 +426,7 @@
|
|
|
426
426
|
width: 22px;
|
|
427
427
|
height: 22px;
|
|
428
428
|
color: var(--design-text-foreground);
|
|
429
|
+
border-radius: 4px;
|
|
429
430
|
|
|
430
431
|
&:not(.disabled):hover {
|
|
431
432
|
color: var(--design-text-hoverForeground);
|
|
@@ -437,7 +438,6 @@
|
|
|
437
438
|
font-size: 14px;
|
|
438
439
|
|
|
439
440
|
&:hover {
|
|
440
|
-
border-radius: 4px;
|
|
441
441
|
background-color: var(--kt-icon-hoverBackground);
|
|
442
442
|
color: var(--design-text-hoverForeground);
|
|
443
443
|
}
|
|
@@ -105,6 +105,7 @@
|
|
|
105
105
|
0px 6px 16px 0px var(--design-boxShadow-tertiary);
|
|
106
106
|
border-radius: 6px;
|
|
107
107
|
line-height: 18px;
|
|
108
|
+
padding: 4px 6px;
|
|
108
109
|
|
|
109
110
|
.kt-popover-title {
|
|
110
111
|
margin-bottom: 0;
|
|
@@ -176,6 +177,17 @@ html {
|
|
|
176
177
|
}
|
|
177
178
|
}
|
|
178
179
|
}
|
|
180
|
+
|
|
181
|
+
.action-widget {
|
|
182
|
+
backdrop-filter: saturate(150%) blur(20px);
|
|
183
|
+
-webkit-backdrop-filter: saturate(150%) blur(20px);
|
|
184
|
+
border: 0 none !important;
|
|
185
|
+
box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary),
|
|
186
|
+
0px 6px 16px 0px var(--design-boxShadow-tertiary);
|
|
187
|
+
border-radius: 8px;
|
|
188
|
+
background-color: var(--menu-background);
|
|
189
|
+
padding: 4px 0;
|
|
190
|
+
}
|
|
179
191
|
}
|
|
180
192
|
|
|
181
193
|
.basic_tree {
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { localize } from '@opensumi/ide-core-common';
|
|
1
2
|
import { getColorRegistry, registerColor } from '@opensumi/ide-theme';
|
|
2
3
|
|
|
3
4
|
import darkTheme from './default-theme';
|
|
4
5
|
import lightTheme from './light-theme';
|
|
5
6
|
|
|
6
|
-
export const
|
|
7
|
+
export const overrideColorToken = () => {
|
|
7
8
|
const colorRegistry = getColorRegistry();
|
|
8
9
|
|
|
9
10
|
colorRegistry.getColors().forEach(({ id }) => {
|
|
@@ -22,3 +23,23 @@ export const doOverrideColorToken = () => {
|
|
|
22
23
|
}
|
|
23
24
|
});
|
|
24
25
|
};
|
|
26
|
+
|
|
27
|
+
export const overrideMonacoColorToken = () => {
|
|
28
|
+
/**
|
|
29
|
+
* quickInputListFocusBackground token
|
|
30
|
+
*/
|
|
31
|
+
registerColor(
|
|
32
|
+
'vscode.quickInputList.focusBackground',
|
|
33
|
+
{ light: '#151b2114', dark: '#5F656B40', hcDark: null, hcLight: null },
|
|
34
|
+
'Quick picker background color for the focused item.',
|
|
35
|
+
);
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* quickInputListFocusForeground token
|
|
39
|
+
*/
|
|
40
|
+
registerColor(
|
|
41
|
+
'quickInputList.focusForeground',
|
|
42
|
+
{ dark: '#ffffff', light: '#151b21', hcDark: null, hcLight: null },
|
|
43
|
+
'Quick picker foreground color for the focused item.',
|
|
44
|
+
);
|
|
45
|
+
};
|