Create Color Definition for Reuse

eclipse-platform · Oct 28, 2024 · 1354cda · 1354cda
1 parent ec2d9bd
commit 1354cda
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 78 deletions.
diff --git a/bundles/org.eclipse.ui.themes/css/e4_preview_gtk.css b/bundles/org.eclipse.ui.themes/css/e4_preview_gtk.css
@@ -15,10 +15,10 @@
 @import url("platform:/plugin/org.eclipse.ui.themes/css/e4_basestyle_preview.css");
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_START {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
-ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END {
+ColorDefinition#org-eclipse /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END {
 	color: #F8F8F8;
 }
 
@@ -33,11 +33,11 @@ ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTLINE_COLOR {
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_END {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTER_KEYLINE_COLOR {
@@ -53,35 +53,35 @@ ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTLINE_COLOR {
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_START {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START{
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END {
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_NOFOCUS_TAB_BG_START {
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_NOFOCUS_TAB_BG_END {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_START {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_END {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_TEXT_COLOR {
@@ -113,24 +113,24 @@ ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_TEXT_COLOR {
 }
 
 CTabFolder.MArea {
-	background-color: #f8f8f8;
-	swt-selected-tab-fill: #f8f8f8;
-	swt-unselected-tabs-color: #f8f8f8;
-	swt-outer-keyline-color: #f8f8f8;
-	swt-inner-keyline-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
+	swt-selected-tab-fill: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
+	swt-unselected-tabs-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
+	swt-outer-keyline-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
+	swt-inner-keyline-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 	swt-tab-outline: #ffffff;
 }
 
 CTabFolder Canvas {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MTrimBar#org-eclipse-ui-main-toolbar {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MTrimBar#org-eclipse-ui-trim-status {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View Composite,
@@ -153,15 +153,15 @@ CTabFolder Canvas {
 .View Canvas,
 .View FigureCanvas
 {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View TitleRegion{
-	background-color:#f8f8f8;
+	background-color:'#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MPartStack.active .View TitleRegion{
-	background-color:#f8f8f8;
+	background-color:'#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View Button[style~='SWT.CHECK']{
@@ -198,7 +198,7 @@ CTabFolder Canvas {
 /* text color and background color of unselected tabs in editor*/
 #org-eclipse-ui-editorss CTabItem{
 	color: #000000;
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 /*text color and background color of selected tab in editor */
@@ -227,7 +227,7 @@ CTabFolder Canvas {
 }
 
 Composite.MPartSashContainer{
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 Composite.MArea{

diff --git a/bundles/org.eclipse.ui.themes/css/e4_preview_mac.css b/bundles/org.eclipse.ui.themes/css/e4_preview_mac.css
@@ -15,19 +15,11 @@
 @import url("platform:/plugin/org.eclipse.ui.themes/css/e4_basestyle_preview.css");
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_START {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END {
-	color: #F8F8F8;
-}
-
-ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START {
-	color: #F8F8F8;
-}
-
-ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_END {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTER_KEYLINE_COLOR {
@@ -38,12 +30,12 @@ ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTLINE_COLOR {
 	color: #EAEAEA;
 }
 
-ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START {
-	color: #f8f8f8;
+ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START {
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
-ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END {
-	color: #f8f8f8;
+ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_END {
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTER_KEYLINE_COLOR {
@@ -54,20 +46,28 @@ ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTLINE_COLOR {
 	color: #EAEAEA;
 }
 
+ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START {
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
+}
+
+ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END {
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
+}
+
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_START {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_START {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_BG_END {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_TEXT_COLOR {
@@ -83,23 +83,23 @@ ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_TEXT_COLOR {
 }
 
 .MTrimmedWindow {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MTrimBar {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MTrimBar#org-eclipse-ui-main-toolbar {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 CTabFolder Canvas {
-	  background-color: #f8f8f8;
+	  background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MTrimBar#org-eclipse-ui-trim-status {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View Composite,
@@ -121,15 +121,15 @@ CTabFolder Canvas {
 .View Canvas,
 .View FigureCanvas
 {
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View TitleRegion{
-	background-color:#f8f8f8;
+	background-color:'#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .MPartStack.active .View TitleRegion{
-	background-color:#f8f8f8;
+	background-color:'#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View Button[style~='SWT.CHECK']{
@@ -146,7 +146,7 @@ CTabFolder Canvas {
 
 
 .View Composite Tree[swt-lines-visible=false]{
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View Composite PrependingAsteriskFilteredTree,
@@ -171,7 +171,7 @@ CTabFolder Canvas {
 /* text color of unselected tabs in editor*/
 #org-eclipse-ui-editorss CTabItem{
 	color: #000000;
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 /*text color and background color of selected tab in editor */
@@ -200,7 +200,7 @@ CTabFolder Canvas {
 }
 
 Composite.MPartSashContainer{
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 Composite.MArea{