ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -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

2
extensions/theme-carbon/themes/light_carbon.json
View File

@@ -73,7 +73,7 @@
"panel.background": "#FFFFFE", "panel.background": "#FFFFFE",
"panel.border": "#C8C8C8", "panel.border": "#C8C8C8",
"panelTitle.activeForeground": "#212121", "panelTitle.activeForeground": "#212121",
"panelTitle.inactiveForeground": "#888888" "panelTitle.inactiveForeground": "#757575"
}, },
"tokenColors": [ "tokenColors": [
{ {

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

@@ -65,15 +65,6 @@ panel {
line-height: 45px; 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 { .tabbedPanel .tabList .tab .tabLabel.icon {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; 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 'vs/css!./media/panel';
import { registerThemingParticipant, ITheme, ICssStyleCollector } from 'vs/platform/theme/common/themeService'; 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'; import { activeContrastBorder, focusBorder } from 'vs/platform/theme/common/colorRegistry';
registerThemingParticipant((theme: ITheme, collector: ICssStyleCollector) => { registerThemingParticipant((theme: ITheme, collector: ICssStyleCollector) => {
// Title Active // 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); const titleActiveBorder = theme.getColor(PANEL_ACTIVE_TITLE_BORDER);
if (titleActive || titleActiveBorder) { if (titleActive || titleActiveBorder) {
collector.addRule(` collector.addRule(`
@@ -28,7 +28,7 @@ registerThemingParticipant((theme: ITheme, collector: ICssStyleCollector) => {
} }
// Title Inactive // Title Inactive
const titleInactive = theme.getColor(TAB_INACTIVE_FOREGROUND); const titleInactive = theme.getColor(PANEL_INACTIVE_TITLE_FOREGROUND);
if (titleInactive) { if (titleInactive) {
collector.addRule(` collector.addRule(`
.tabbedPanel > .title > .tabList .tab .tabLabel { .tabbedPanel > .title > .tabList .tab .tabLabel {

1
src/sql/parts/taskHistory/viewlet/media/taskHistoryViewlet.css
View File

@@ -5,7 +5,6 @@
.empty-task-message { .empty-task-message {
padding: 10px 22px 0 22px; padding: 10px 22px 0 22px;
opacity: 0.8;
} }
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group { .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .task-group {