@opensumi/ide-design 2.27.3-rc-1711024024.0

package/lib/browser/style/global.less

@@ -0,0 +1,279 @@
+#opensumi-left-tabbar {
+  .kt-badge {
+    top: 0;
+    right: -8px;
+    font-size: 10px;
+    min-width: 16px;
+    padding: 0 2px;
+    height: 14px;
+    line-height: 14px;
+    letter-spacing: -0.5px;
+  }
+}
+
+#opensumi-statusbar {
+  border-top: 0;
+}
+
+.kt-menu {
+  &::-webkit-scrollbar {
+    width: 4px;
+    margin: 20px;
+  }
+}
+
+.kt-menu.kt-inner-menu-submenu {
+  background-color: transparent !important;
+  border-radius: 8px !important;
+
+  ul.kt-inner-menu-sub {
+    backdrop-filter: saturate(150%) blur(20px) !important;
+    -webkit-backdrop-filter: saturate(150%) blur(20px) !important;
+    border: 0 none !important;
+    box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+      0px 6px 16px 0px var(--design-boxShadow-color3) !important;
+    border-radius: 8px !important;
+    margin-left: 2px;
+
+    .kt-icon {
+      display: none;
+    }
+  }
+}
+
+.kt-menu.kt-inner-menu,
+.kt-menu .kt-inner-menu {
+  backdrop-filter: saturate(150%) blur(20px) !important;
+  -webkit-backdrop-filter: saturate(150%) blur(20px) !important;
+  border: 0 none !important;
+  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+    0px 6px 16px 0px var(--design-boxShadow-color3) !important;
+  border-radius: 8px !important;
+  min-width: initial;
+  padding: 4px 0 !important;
+
+  .kt-inner-menu-submenu-title,
+  .kt-inner-menu-item {
+    height: 28px !important;
+    padding: 0 !important;
+    line-height: 28px !important;
+  }
+
+  li.kt-inner-menu-submenu {
+    line-height: 28px;
+    padding-bottom: 0;
+  }
+}
+
+.kt-menu.kt-inner-menu .kt-inner-menu-item {
+  margin: 0 !important;
+  height: 28px !important;
+  display: flex !important;
+  align-items: center !important;
+  color: inherit !important;
+  transition: none !important;
+}
+
+.kt-menu.kt-inner-menu .kt-inner-menu-item-divider,
+.kt-menu .kt-inner-menu .kt-inner-menu-item-divider {
+  pointer-events: none !important;
+  opacity: 1 !important;
+  margin: 4px 0 !important;
+}
+
+.kt-popover-content {
+  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+    0px 6px 16px 0px var(--design-boxShadow-color3);
+  padding: 5px 8px;
+  border-radius: 6px;
+  line-height: 18px;
+  margin-top: -3px;
+
+  .kt-popover-title {
+    margin-bottom: 0;
+    font-size: 12px;
+  }
+}
+
+html {
+  ::-webkit-scrollbar-thumb {
+    border-radius: 4px !important;
+  }
+}
+
+#workbench-editor .monaco-editor {
+  .decorationsOverviewRuler {
+    width: 4px !important;
+  }
+
+  .find-widget {
+    border-radius: 6px;
+  }
+
+  .minimap {
+    left: auto !important;
+    right: 4px !important;
+  }
+
+  .monaco-hover {
+    background-color: var(--kt-modal-background) !important;
+    border: 0 none !important;
+    box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+      0px 6px 16px 0px var(--design-boxShadow-color3) !important;
+    border-radius: 8px !important;
+  }
+
+  .monaco-scrollable-element {
+    > .scrollbar > .slider {
+      background: var(--scrollbarSlider-background);
+    }
+
+    .vertical {
+      width: 4px !important;
+
+      .slider {
+        width: 4px !important;
+        left: unset !important;
+        right: 0;
+        border-radius: 4px !important;
+      }
+    }
+
+    .horizontal {
+      height: 4px !important;
+
+      .slider {
+        border-radius: 4px !important;
+        height: 4px !important;
+      }
+    }
+  }
+}
+
+.basic_tree {
+  .tree_node {
+    border-radius: 4px;
+  }
+}
+
+.xterm .xterm-viewport {
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+}
+
+// 对话框
+.kt-modal-content,
+.ant-modal-content {
+  border-radius: 8px;
+  background-color: transparent;
+}
+.kt-overlay .kt-modal-body,
+.ant-modal-body {
+  border-radius: 8px;
+  border: 0 none !important;
+  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+    0px 6px 16px 0px var(--design-boxShadow-color3) !important;
+}
+
+.kt-dialog-buttonWrap button {
+  border-radius: 4px;
+}
+
+.kt-notification-notice {
+  border-radius: 8px;
+}
+
+// 全局按钮、下拉框、输入框设置调整
+.input-box .validate-message.popup {
+  padding: 8px;
+}
+.input-box .validate-message.popup.validate-warning {
+  border-radius: 6px;
+}
+
+.kt-input {
+  border-radius: 6px;
+}
+
+.default-button-size,
+.kt-button,
+.ant-btn {
+  border-radius: 4px;
+}
+
+.large-button-size,
+.kt-dialog-buttonWrap button {
+  border-radius: 6px;
+}
+
+.kt-select-container .kt-select-value {
+  border-radius: 4px;
+}
+
+.kt-select-options {
+  border-radius: 8px;
+}
+
+.kt-clickable-icon:hover {
+  transform: none;
+}
+
+.ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 6px;
+}
+
+#opensumi-quickpick {
+  border: 0 none !important;
+  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+    0px 6px 16px 0px var(--design-boxShadow-color3) !important;
+  border-radius: 8px 8px 0 0 !important;
+  padding: 4px 0;
+}
+
+.design_left_slot {
+  display: flex;
+}
+
+.design_bottom_slot {
+  background-color: var(--design-container-background);
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+  overflow: hidden;
+
+  .kt-select-container {
+    .kt-select-value > span {
+      color: var(--design-text-color-normal);
+    }
+
+    .kt-select-options {
+      padding: 4px 0;
+      border-radius: 8px;
+      box-shadow: 0px 9px 28px 8px var(--design-boxShadow-color1), 0px 3px 6px -4px var(--design-boxShadow-color2),
+        0px 6px 16px 0px var(--design-boxShadow-color3);
+
+      > div {
+        line-height: 26px;
+        height: 26px;
+      }
+
+      span {
+        margin: 0;
+        width: 100%;
+      }
+
+      &::-webkit-scrollbar {
+        width: 4px !important;
+      }
+    }
+  }
+}
+
+.design-dark,
+.design-light {
+  .monaco-editor,
+  .monaco-editor-background,
+  .monaco-editor .margin {
+    background-color: var(--design-monaco-background) !important;
+  }
+}

package/lib/browser/theme/default-theme.d.ts

@@ -0,0 +1,328 @@
+import { BuiltinTheme } from '@opensumi/ide-theme';
+declare const _default: {
+    tokenColors: ({
+        scope: string[];
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+        };
+        name?: undefined;
+    } | {
+        scope: string;
+        settings: {
+            fontStyle: string;
+            foreground?: undefined;
+        };
+        name?: undefined;
+    } | {
+        scope: string;
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+        };
+        name?: undefined;
+    } | {
+        scope: string;
+        settings: {
+            fontStyle: string;
+            foreground: string;
+        };
+        name?: undefined;
+    } | {
+        name: string;
+        scope: string;
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+        };
+    } | {
+        name: string;
+        scope: string[];
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+        };
+    })[];
+    colors: {
+        'activityBar.activeBorder': string;
+        'activityBar.activeForeground': string;
+        'activityBar.background': string;
+        'activityBar.border': string;
+        'activityBar.disableForeground': string;
+        'activityBar.dropBackground': string;
+        'activityBar.foreground': string;
+        'activityBar.inactiveForeground': string;
+        'activityBarBadge.background': string;
+        'activityBarBadge.foreground': string;
+        'badge.background': string;
+        'badge.foreground': string;
+        'breadcrumb.background': string;
+        'breadcrumb.foreground': string;
+        'checkbox.background': string;
+        'checkbox.border': string;
+        descriptionForeground: string;
+        'diffEditor.insertedTextBackground': string;
+        'editorGroup.border': string;
+        'editorGroup.dropBackground': string;
+        'editorGroup.emptyBackground': string;
+        'editorGroupHeader.tabsBackground': string;
+        'editorSuggestWidget.selectedBackground': string;
+        errorForeground: string;
+        focusBorder: string;
+        foreground: string;
+        'gitDecoration.addedResourceForeground': string;
+        'gitDecoration.conflictingResourceForeground': string;
+        'gitDecoration.deletedResourceForeground': string;
+        'gitDecoration.ignoredResourceForeground': string;
+        'gitDecoration.modifiedResourceForeground': string;
+        'gitDecoration.submoduleResourceForeground': string;
+        'gitDecoration.untrackedResourceForeground': string;
+        'icon.foreground': string;
+        'input.background': string;
+        'input.foreground': string;
+        'input.placeholderForeground': string;
+        'inputDropdown.searchMatchForeground': string;
+        'inputIcon.foreground': string;
+        'inputValidation.errorBackground': string;
+        'inputValidation.errorBorder': string;
+        'inputValidation.errorForeground': string;
+        'inputValidation.errorText': string;
+        'inputValidation.warningBackground': string;
+        'inputValidation.warningBorder': string;
+        'inputValidation.warningText': string;
+        'inputValidation.warningForeground': string;
+        'keybinding.background': string;
+        'kt.accentForeground': string;
+        'kt.actionbar.disableForeground': string;
+        'kt.actionbar.foreground': string;
+        'kt.actionbar.selectionBackground': string;
+        'kt.actionbar.selectionBorder': string;
+        'kt.actionbar.separatorBackground': string;
+        'kt.activityBar.dropUpBackground': string;
+        'kt.button.disableBackground': string;
+        'kt.button.disableBorder': string;
+        'kt.button.disableForeground': string;
+        'kt.checkbox.disableBackground': string;
+        'kt.checkbox.disableForeground': string;
+        'kt.checkbox.hoverBorder': string;
+        'kt.checkbox.selectionBackground': string;
+        'kt.checkbox.selectionForeground': string;
+        'kt.dangerButton.background': string;
+        'kt.dangerButton.clickBackground': string;
+        'kt.dangerButton.foreground': string;
+        'kt.dangerButton.hoverBackground': string;
+        'kt.dangerGhostButton.border': string;
+        'kt.dangerGhostButton.clickBorder': string;
+        'kt.dangerGhostButton.clickForeground': string;
+        'kt.dangerGhostButton.foreground': string;
+        'kt.dangerGhostButton.hoverBorder': string;
+        'kt.dangerGhostButton.hoverForeground': string;
+        'kt.defaultButton.background': string;
+        'kt.defaultButton.border': string;
+        'kt.defaultButton.clickBackground': string;
+        'kt.defaultButton.clickBorder': string;
+        'kt.defaultButton.disableBackground': string;
+        'kt.defaultButton.disableBorder': string;
+        'kt.defaultButton.disableForeground': string;
+        'kt.defaultButton.foreground': string;
+        'kt.defaultButton.hoverBackground': string;
+        'kt.defaultButton.hoverBorder': string;
+        'kt.defaultButton.selectionBackground': string;
+        'kt.defaultButton.selectionForeground': string;
+        'kt.dirtyDot.foreground': string;
+        'kt.disableForeground': string;
+        'kt.editorBreadcrumb.borderDown': string;
+        'kt.errorBackground': string;
+        'kt.errorIconForeground': string;
+        'kt.hintBackground': string;
+        'kt.hintIconForeground': string;
+        'kt.icon.clickForeground': string;
+        'kt.icon.disableForeground': string;
+        'kt.icon.foreground': string;
+        'kt.icon.hoverBackground': string;
+        'kt.icon.hoverForeground': string;
+        'kt.icon.secondaryForeground': string;
+        'kt.infoBackground': string;
+        'kt.infoIconForeground': string;
+        'kt.input.border': string;
+        'kt.input.disableBackground': string;
+        'kt.input.disableForeground': string;
+        'kt.input.selectionBackground': string;
+        'kt.linkButton.clickForeground': string;
+        'kt.linkButton.disableForeground': string;
+        'kt.linkButton.foreground': string;
+        'kt.linkButton.hoverForeground': string;
+        'kt.menu.descriptionForeground': string;
+        'kt.menu.disableForeground': string;
+        'kt.menubar.background': string;
+        'kt.menubar.border': string;
+        'kt.menubar.foreground': string;
+        'kt.menubar.separatorBackground': string;
+        'kt.modal.background': string;
+        'kt.modal.foreground': string;
+        'kt.modal.separatorBackground': string;
+        'kt.modalErrorIcon.foreground': string;
+        'kt.modalInfoIcon.foreground': string;
+        'kt.modalSuccessIcon.foreground': string;
+        'kt.modalWarningIcon.foreground': string;
+        'kt.panel.secondaryForeground': string;
+        'kt.panelTab.activeBackground': string;
+        'kt.panelTab.activeForeground': string;
+        'kt.panelTab.border': string;
+        'kt.panelTab.inactiveBackground': string;
+        'kt.panelTab.inactiveForeground': string;
+        'kt.panelTitle.background': string;
+        'kt.popover.background': string;
+        'kt.popover.border': string;
+        'kt.popover.foreground': string;
+        'kt.popover.prominentBackground': string;
+        'kt.primaryButton.background': string;
+        'kt.primaryButton.clickBackground': string;
+        'kt.primaryButton.foreground': string;
+        'kt.primaryButton.hoverBackground': string;
+        'kt.primaryButton.border': string;
+        'kt.primaryGhostButton.clickBorder': string;
+        'kt.primaryGhostButton.clickForeground': string;
+        'kt.primaryGhostButton.clickBackground': string;
+        'kt.primaryGhostButton.foreground': string;
+        'kt.primaryGhostButton.border': string;
+        'kt.primaryGhostButton.background': string;
+        'kt.secondaryButton.border': string;
+        'kt.secondaryButton.clickBorder': string;
+        'kt.secondaryButton.clickForeground': string;
+        'kt.secondaryButton.foreground': string;
+        'kt.secondaryButton.hoverBorder': string;
+        'kt.secondaryButton.hoverForeground': string;
+        'kt.secondaryButton.background': string;
+        'kt.select.background': string;
+        'kt.select.border': string;
+        'kt.select.disableBackground': string;
+        'kt.select.disableForeground': string;
+        'kt.select.foreground': string;
+        'kt.select.placeholderForeground': string;
+        'kt.selectDropdown.background': string;
+        'kt.selectDropdown.foreground': string;
+        'kt.selectDropdown.hoverBackground': string;
+        'kt.selectDropdown.selectionBackground': string;
+        'kt.selectOption.activeBorder': string;
+        'kt.statusbar.offline.background': string;
+        'kt.successBackground': string;
+        'kt.successIconForeground': string;
+        'kt.tab.activeBorder': string;
+        'kt.tab.activeForeground': string;
+        'kt.tab.borderDown': string;
+        'kt.tab.inactiveForeground': string;
+        'kt.tree.activeSelectionBackground': string;
+        'kt.tree.activeSelectionForeground': string;
+        'kt.tree.hoverBackground': string;
+        'kt.tree.hoverForeground': string;
+        'kt.tree.inactiveSelectionBackground': string;
+        'kt.tree.inactiveSelectionForeground': string;
+        'kt.warningBackground': string;
+        'kt.warningIconForeground': string;
+        'kt.whiteGhostButton.border': string;
+        'kt.whiteGhostButton.clickBorder': string;
+        'kt.whiteGhostButton.clickForeground': string;
+        'kt.whiteGhostButton.disableBackground': string;
+        'kt.whiteGhostButton.disableBorder': string;
+        'kt.whiteGhostButton.disableForeground': string;
+        'kt.whiteGhostButton.foreground': string;
+        'list.activeSelectionBackground': string;
+        'list.activeSelectionForeground': string;
+        'list.evenItemBackground': string;
+        'list.headerBackground': string;
+        'list.hoverBackground': string;
+        'menu.background': string;
+        'menu.foreground': string;
+        'menu.selectionBackground': string;
+        'menu.selectionForeground': string;
+        'menu.separatorBackground': string;
+        'menubar.selectionBackground': string;
+        'menubar.selectionForeground': string;
+        'message.background': string;
+        'message.foreground': string;
+        'messageErrorIcon.foreground': string;
+        'messageInfoIcon.foreground': string;
+        'messageSuccessIcon.foreground': string;
+        'messageWarningIcon.foreground': string;
+        'notifications.background': string;
+        'notifications.foreground': string;
+        'notificationsErrorIcon.foreground': string;
+        'notificationsInfoIcon.foreground': string;
+        'notificationsWarningIcon.foreground': string;
+        'panel.background': string;
+        'panel.border': string;
+        'panel.foreground': string;
+        'panel.selectionBackground': string;
+        'panel.separatorBackground': string;
+        'panelMenuBadge.background': string;
+        'panelMenuBar.background': string;
+        'panelMenuBarBadge.foreground': string;
+        'panelTabBarActionIcon.Background': string;
+        'panelTabBarError.foreground': string;
+        'panelTitle.activeBorder': string;
+        'panelTitle.activeForeground': string;
+        'panelTitle.hoverForeground': string;
+        'panelTitle.inactiveForeground': string;
+        'selectDropdown.descriptionForeground': string;
+        'selectDropdown.teamForeground': string;
+        'sideBar.background': string;
+        'sideBar.border': string;
+        'sideBar.dropBackground': string;
+        'sideBar.dropUpBackground': string;
+        'sideBarSectionHeader.background': string;
+        'sideBarSectionHeader.foreground': string;
+        'sideBarTitle.foreground': string;
+        'statusBar.background': string;
+        'statusBar.debuggingBackground': string;
+        'statusBar.foreground': string;
+        'statusBar.noFolderBackground': string;
+        'statusBarItem.activeBackground': string;
+        'statusBarItem.hoverBackground': string;
+        'statusBarItem.remoteBackground': string;
+        'tab.activeBackground': string;
+        'tab.activeForeground': string;
+        'tab.border': string;
+        'tab.inactiveBackground': string;
+        'tab.inactiveForeground': string;
+        'tab.hoverBackground': string;
+        'tab.unfocusedActiveBackground': string;
+        'tab.unfocusedActiveForeground': string;
+        'tab.unfocusedInactiveForeground': string;
+        'terminal.background': string;
+        'terminal.border': string;
+        'terminal.foreground': string;
+        'terminal.offlineBackground': string;
+        'terminal.offlineForeground': string;
+        'terminal.offlineLinkForeground': string;
+        'terminal.selectionBackground': string;
+        'tooltip.background': string;
+        'tooltip.foreground': string;
+        'widget.shadow': string;
+        'list.focusOutline': string;
+        'editorInlayHint.parameterBackground': string;
+        'button.background': string;
+        'scrollbarSlider.background': string;
+        'editor.background': string;
+        'quickInput.background': string;
+        'list.focusBackground': string;
+        'textLink.foreground': string;
+    };
+    semanticHighlighting: boolean;
+    semanticTokenColors: {
+        newOperator: string;
+        stringLiteral: string;
+        customLiteral: string;
+        numberLiteral: string;
+    };
+    encodedTokensColors: never[];
+    rules: never[];
+    base: BuiltinTheme;
+    designThemeType: string;
+    inherit: boolean;
+    hasDefaultTokens: boolean;
+    id: string;
+    name: string;
+};
+export default _default;
+//# sourceMappingURL=default-theme.d.ts.map

package/lib/browser/theme/default-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../../src/browser/theme/default-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnD,wBAgyBE"}