ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-02 09:35:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix high contrast issues in task viewlet and panel (#1381)

Browse Source 
* fix high contrast issues in task and panel

* change the panelTitle.inactiveForeground color in light theme

* remove opacity when the panel is active and inactive
This commit is contained in:
Abbie Petchtes
2018-05-09 12:32:03 -07:00
committed by GitHub
parent bcd6178d67
commit 80a9c82813
4 changed files with 4 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/sql/base/browser/ui/panel/media/panel.css
View File

@@ -65,15 +65,6 @@ panel {
line-height: 45px;
}
.tabbedPanel .tabList .tab:hover .tabLabel,
.tabbedPanel .tabList .tab .tabLabel.active {
opacity: 1;
}
.tabbedPanel .tabList .tab .tabLabel {
opacity: 0.8;
}
.tabbedPanel .tabList .tab .tabLabel.icon {
background-repeat: no-repeat;
background-position: center center;

6
src/sql/base/browser/ui/panel/panelStyles.ts
View File

@@ -5,13 +5,13 @@
import 'vs/css!./media/panel';
import { registerThemingParticipant, ITheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService';
import { TAB_ACTIVE_FOREGROUND, TAB_INACTIVE_FOREGROUND, PANEL_ACTIVE_TITLE_BORDER } from 'vs/workbench/common/theme';
import { PANEL_ACTIVE_TITLE_FOREGROUND, PANEL_INACTIVE_TITLE_FOREGROUND, PANEL_ACTIVE_TITLE_BORDER } from 'vs/workbench/common/theme';
import { activeContrastBorder, focusBorder } from 'vs/platform/theme/common/colorRegistry';
registerThemingParticipant((theme: ITheme, collector: ICssStyleCollector) => {
// Title Active
const titleActive = theme.getColor(TAB_ACTIVE_FOREGROUND);
const titleActive = theme.getColor(PANEL_ACTIVE_TITLE_FOREGROUND);
const titleActiveBorder = theme.getColor(PANEL_ACTIVE_TITLE_BORDER);
if (titleActive || titleActiveBorder) {
collector.addRule(`
@@ -28,7 +28,7 @@ registerThemingParticipant((theme: ITheme, collector: ICssStyleCollector) => {
}
// Title Inactive
const titleInactive = theme.getColor(TAB_INACTIVE_FOREGROUND);
const titleInactive = theme.getColor(PANEL_INACTIVE_TITLE_FOREGROUND);
if (titleInactive) {
collector.addRule(`
.tabbedPanel > .title > .tabList .tab .tabLabel {