Skip to content

Commit

Permalink
Improvement to light and dark theme for Linux
Browse files Browse the repository at this point in the history
  • Loading branch information
@mvm-sap @vogella
mvm-sap authored and vogella committed Aug 2, 2024
1 parent 60c835b commit e41945c
Show file tree
Hide file tree
Showing 2 changed files with 237 additions and 21 deletions.
59 changes: 59 additions & 0 deletions bundles/org.eclipse.ui.themes/css/e4-dark_linux.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,3 +45,62 @@ ImageBasedFrame,
#org-eclipse-ui-ProgressBar Canvas {
color:'#org-eclipse-ui-workbench-DARK_FOREGROUND';
}

/* Inactive view tabs */
.MPartStack {
swt-draw-custom-tab-content-background: true;
swt-unselected-hot-tab-color-background: #161616;
}

CTabFolder{
swt-selected-tab-highlight: #2b79d7;
swt-selected-highlight-top: false;
}

CTabFolder.active {
swt-selected-tab-highlight: #2b79d7;
swt-selected-highlight-top: false;
}

/*text color of selected tab in editor */
#org-eclipse-ui-editorss CTabItem:selected{
color: '#FFFFFF';
}

#org-eclipse-ui-editorss CTabFolder{
swt-selected-tab-fill : '#1E1F22';
swt-selected-tab-highlight: '#2b79d7';
swt-selected-highlight-top: true;
}

#org-eclipse-ui-editorss CTabFolder.active {
swt-selected-tab-highlight: '#2b79d7';
swt-selected-highlight-top: true;
}

CTabFolder[style~='SWT.DOWN'][style~='SWT.BOTTOM'] {
/* Set the styles for the bottom inner tabs (Bug 430051): */
swt-tab-renderer: url('bundleclass://org.eclipse.e4.ui.workbench.renderers.swt/org.eclipse.e4.ui.workbench.renderers.swt.CTabRendering');
swt-selected-tab-fill: #1E1F22;
swt-unselected-tabs-color: #48484c;
swt-unselected-hot-tab-color-background: #2f2f2f;
swt-selected-tab-highlight: #2b79d7;
swt-selected-highlight-top: false;
}

#DebugBreadcrumbItemComposite,
#DebugBreadcrumbItemDropDownToolBar,
#DebugBreadcrumbItemDetailComposite,
#DebugBreadcrumbItemDetailImageComposite,
#DebugBreadcrumbItemDetailImageLabel,
#DebugBreadcrumbItemDetailTextComposite,
#DebugBreadcrumbItemDetailTextLabel {
background-color: '#1E1F22';
}

.MPart Form Composite,
.MPart Form Composite Tree,
.MPartStack.active .MPart Form Composite Tree
{
background-color: #1E1F22;
}
199 changes: 178 additions & 21 deletions bundles/org.eclipse.ui.themes/css/e4_default_gtk.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,57 +18,85 @@
@import url("platform:/plugin/org.eclipse.ui.themes/css/e4_basestyle.css");

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_START {
color: #E1DEDB;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END {
color: #E1DEDB;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTER_KEYLINE_COLOR {
color: #CDC7C2;
color: #E5E5E5;
}
ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_INNER_KEYLINE_COLOR {
color: #CDC7C2;
color: #f8f8f8;
}
ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTLINE_COLOR {
color: #CDC7C2;
color: #E5E5E5;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START {
color: #EAE8E6;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_END {
color: #EAE8E6;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTER_KEYLINE_COLOR {
color: #D5D0CC;
color: #E5E5E5;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_INNER_KEYLINE_COLOR {
color: #D5D0CC;
color: #f8f8f8;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTLINE_COLOR {
color: #D5D0CC;
color: #E5E5E5;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_START {
color: #F6F5F4;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END {
color: #F6F5F4;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START{
color: #f8f8f8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END {
color: #f8f8f8;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_NOFOCUS_TAB_BG_START {
color: #EAE8E6;
color: #f8f8f8;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_NOFOCUS_TAB_BG_END {
color: #EAE8E6;
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_START {
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_END {
color: #F8F8F8;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_TEXT_COLOR {
color: #3b3b3b;
}

ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_TEXT_COLOR {
color: #3b3b3b;
}

ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_TEXT_COLOR {
color: #3b3b3b;
}

.MTrimmedWindow {
Expand All @@ -88,14 +116,143 @@ ColorDefinition#org-eclipse-ui-workbench-INACTIVE_NOFOCUS_TAB_BG_END {
}

CTabFolder.MArea {
background-color: #F6F5F4;
swt-selected-tab-fill: #F6F5F4;
swt-unselected-tabs-color: #F6F5F4;
swt-outer-keyline-color: #F6F5F4;
swt-inner-keyline-color: #F6F5F4;
swt-tab-outline: #F6F5F4;
background-color: #f8f8f8;
swt-selected-tab-fill: #f8f8f8;
swt-unselected-tabs-color: #f8f8f8;
swt-outer-keyline-color: #f8f8f8;
swt-inner-keyline-color: #f8f8f8;
swt-tab-outline: #ffffff;
}

CTabFolder Canvas {
background-color: #F8F7F6;
background-color: #ffffff;
}

.MTrimBar#org-eclipse-ui-main-toolbar {
background-color: '#f8f8f8';
}

.MTrimBar#org-eclipse-ui-trim-status {
background-color: '#f8f8f8';
}

.View Composite,
.View Composite Tree,
.View Composite Label,
.View ToolBar,
.View Group,
.View Group Label,
.View Section,
.View Text[style~='SWT.READ_ONLY'],
.View SashForm,
.View OleFrame,
.View Browser,
.View WebSite,
.View StyledText[style~='SWT.READ_ONLY'],
.View Link,
.View FormText,
.View Hyperlink
{
background-color: #f8f8f8;
}

.View ToolItem,
.View Button{
background-color: inherit;
}

.View Section ToolItem{
background-color: #EAEAEA;
}

.View Composite PrependingAsteriskFilteredTree,
.View PrependingAsteriskFilteredTree Text,
.View Group Text,
.View Group Combo,
.View Composite Text,
.View Button[style~='SWT.PUSH']{
background-color: #ffffff;
}

.MPartStack{
swt-selected-tab-highlight: #2160bb;
swt-selected-highlight-top: false;
}

.MPartStack.active {
swt-selected-tab-highlight: #2160bb;
swt-selected-highlight-top: false;
}

/* text color and background color of unselected tabs in editor*/
#org-eclipse-ui-editorss CTabItem{
color: '#6A6A6A';
background-color: '#f8f8f8';
}

/*text color and background color of selected tab in editor */
#org-eclipse-ui-editorss CTabItem:selected{
color: '#3b3b3b';
background-color: '#FFFFFF';
}

#org-eclipse-ui-editorss CTabFolder{
swt-selected-tab-fill : '#ffffff';
swt-selected-tab-highlight: '#2160bb';
swt-selected-highlight-top: true;
swt-tab-outline:#e5e5e5;
swt-tab-outer-keyline: #e5e5e5;
swt-draw-custom-tab-content-background: true;
swt-unselected-hot-tab-color-background:'#FFFFFF';
}

#org-eclipse-ui-editorss CTabFolder.active {
swt-selected-tab-highlight: '#2160bb';
swt-selected-highlight-top: true;
}

#org-eclipse-e4-ui-compatibility-editor Composite{
background-color: #ffffff;
}

#DebugBreadcrumbItemComposite,
#DebugBreadcrumbItemDropDownToolBar,
#DebugBreadcrumbItemDetailComposite,
#DebugBreadcrumbItemDetailImageComposite,
#DebugBreadcrumbItemDetailImageLabel,
#DebugBreadcrumbItemDetailTextComposite,
#DebugBreadcrumbItemDetailTextLabel {
background-color: '#FFFFFF';
}

Composite.MPartSashContainer{
background-color: #f8f8f8;
}

Composite.MArea{
background-color: #ffffff;
}

.MPart CTabFolder{
swt-outer-keyline-color: #ffffff;
}

.MPart Form Composite,
.MPart Form Section,
.MPart Form Label,
.MPart Form Text,
.MPart Form Button,
.MPart Form Sash
{
background-color: '#FFFFFF';
}

.MPartStack.active .MPart Form Composite,
.MPartStack.active .MPart Form Section,
.MPartStack.active .MPart Form Label,
.MPartStack.active .MPart Form Text,
.MPartStack.active .MPart Form Button,
.MPartStack.active .MPart Form Sash
{
background-color: '#FFFFFF';
}

0 comments on commit e41945c

Please sign in to comment.