mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-17 02:51:36 -05:00
Lighten colors used for inline notebook buttons in dark themes. (#7230)
This commit is contained in:
@@ -6,7 +6,7 @@ import 'vs/css!./notebook';
|
|||||||
|
|
||||||
import { registerThemingParticipant, ITheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService';
|
import { registerThemingParticipant, ITheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService';
|
||||||
import { SIDE_BAR_BACKGROUND, SIDE_BAR_SECTION_HEADER_BACKGROUND, EDITOR_GROUP_HEADER_TABS_BACKGROUND } from 'vs/workbench/common/theme';
|
import { SIDE_BAR_BACKGROUND, SIDE_BAR_SECTION_HEADER_BACKGROUND, EDITOR_GROUP_HEADER_TABS_BACKGROUND } from 'vs/workbench/common/theme';
|
||||||
import { activeContrastBorder, contrastBorder, buttonBackground, textLinkForeground, textLinkActiveForeground, textPreformatForeground, textBlockQuoteBackground, textBlockQuoteBorder, buttonForeground, editorForeground, editorBackground } from 'vs/platform/theme/common/colorRegistry';
|
import { activeContrastBorder, contrastBorder, buttonBackground, textLinkForeground, textLinkActiveForeground, textPreformatForeground, textBlockQuoteBackground, textBlockQuoteBorder, buttonForeground, editorBackground, lighten } from 'vs/platform/theme/common/colorRegistry';
|
||||||
import { editorLineHighlight, editorLineHighlightBorder } from 'vs/editor/common/view/editorColorRegistry';
|
import { editorLineHighlight, editorLineHighlightBorder } from 'vs/editor/common/view/editorColorRegistry';
|
||||||
import { IDisposable } from 'vs/base/common/lifecycle';
|
import { IDisposable } from 'vs/base/common/lifecycle';
|
||||||
import { IConfigurationService } from 'vs/platform/configuration/common/configuration';
|
import { IConfigurationService } from 'vs/platform/configuration/common/configuration';
|
||||||
@@ -38,6 +38,7 @@ export function registerNotebookThemes(overrideEditorThemeSetting: boolean, conf
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (buttonBackgroundColor) {
|
if (buttonBackgroundColor) {
|
||||||
|
let lighterBackgroundColor = lighten(buttonBackgroundColor, 0.825)(theme);
|
||||||
collector.addRule(`
|
collector.addRule(`
|
||||||
.notebookEditor .notebook-cell.active {
|
.notebookEditor .notebook-cell.active {
|
||||||
border-color: ${buttonBackgroundColor};
|
border-color: ${buttonBackgroundColor};
|
||||||
@@ -57,6 +58,17 @@ export function registerNotebookThemes(overrideEditorThemeSetting: boolean, conf
|
|||||||
.notebookEditor .hoverButton {
|
.notebookEditor .hoverButton {
|
||||||
color: ${buttonBackgroundColor};
|
color: ${buttonBackgroundColor};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vs-dark .notebookEditor .hoverButton {
|
||||||
|
border-color: ${lighterBackgroundColor};
|
||||||
|
}
|
||||||
|
.vs-dark .notebookEditor .hoverButton:active,
|
||||||
|
.vs-dark .notebookEditor .hoverButton:hover {
|
||||||
|
background-color: ${lighterBackgroundColor};
|
||||||
|
}
|
||||||
|
.vs-dark .notebookEditor .hoverButton {
|
||||||
|
color: ${lighterBackgroundColor};
|
||||||
|
}
|
||||||
`);
|
`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user