Create Color Definition for Reuse

eclipse-platform · Dec 17, 2024 · 0344b2b · 0344b2b
1 parent 2da0507
commit 0344b2b
Show file tree

Hide file tree

Showing 5 changed files with 112 additions and 103 deletions.
diff --git a/bundles/org.eclipse.ui.themes/css/e4_default_gtk.css b/bundles/org.eclipse.ui.themes/css/e4_default_gtk.css
@@ -19,73 +19,73 @@
 @import url("platform:/plugin/org.eclipse.ui.themes/css/e4_basestyle.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 it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END {
-	color: #F8F8F8;
+	color: #F8F8F8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTER_KEYLINE_COLOR {
-	color: #E5E5E5;
+	color: #e5e5e5;
 }
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_INNER_KEYLINE_COLOR {
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTLINE_COLOR {
-	color: #E5E5E5;
+	color: #e5e5e5;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it 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 it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTER_KEYLINE_COLOR {
-	color: #E5E5E5;
+	color: #e5e5e5;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_INNER_KEYLINE_COLOR {
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTLINE_COLOR {
-	color: #E5E5E5;
+	color: #e5e5e5;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_START {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START{
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END {
-	color: #f8f8f8;
+	color: #f8f8f8;  /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it 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 it 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 it 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 it 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 it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_TEXT_COLOR {
@@ -101,40 +101,40 @@ ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_TEXT_COLOR {
 }
 
 .MTrimmedWindow {
-	background-color: #F6F5F4;
+	background-color: #f6f5f4;
 }
 
 .MTrimBar {
-	background-color: #F6F5F4;
+	background-color: #f6f5f4;
 }
 
 .MTrimBar#org-eclipse-ui-main-toolbar  {
-	background-color: COLOR-WIDGET-BACKGROUND #F6F5F4 100%;
+	background-color: COLOR-WIDGET-BACKGROUND #f6f5f4 100%;
 }
 
 .MPartStack {
 	swt-simple: false;
 }
 
 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,
@@ -157,15 +157,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']{
@@ -190,7 +190,7 @@ CTabFolder Canvas {
 }
 
 .MPartStack{
-	swt-selected-tab-highlight: #A0A0A0;
+	swt-selected-tab-highlight: #a0a0a0;
 	swt-selected-highlight-top: false;
 }
 
@@ -208,7 +208,7 @@ CTabFolder Canvas {
 /*text color and background color of selected tab in editor */
 #org-eclipse-ui-editorss CTabItem:selected{
 	color: #000000;
-	background-color: #FFFFFF;
+	background-color: #ffffff;
 }
 
 #org-eclipse-ui-editorss CTabFolder{
@@ -231,7 +231,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_default_mac.css b/bundles/org.eclipse.ui.themes/css/e4_default_mac.css
@@ -19,59 +19,59 @@
 @import url("platform:/plugin/org.eclipse.ui.themes/css/e4_basestyle.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 it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_UNSELECTED_TABS_COLOR_END {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_UNSELECTED_TABS_COLOR_START {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it 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 it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTER_KEYLINE_COLOR {
-	color: #EAEAEA;
+	color: #eaeaea;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_OUTLINE_COLOR {
-	color: #EAEAEA;
+	color: #eaeaea;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_START {
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_TAB_BG_END {
-	color: #f8f8f8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTER_KEYLINE_COLOR {
-	color: #EAEAEA;
+	color: #eaeaea;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_OUTLINE_COLOR {
-	color: #EAEAEA;
+	color: #eaeaea;
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_START {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-INACTIVE_TAB_BG_END {
-	color: #F8F8F8;
+	color: #f8f8f8; /* same as '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND' cannot use it 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 it 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 it directly*/
 }
 
 ColorDefinition#org-eclipse-ui-workbench-ACTIVE_NOFOCUS_TAB_TEXT_COLOR {
@@ -87,23 +87,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,
@@ -125,15 +125,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']{
@@ -150,7 +150,7 @@ CTabFolder Canvas {
 
 
 .View Composite Tree[swt-lines-visible=false]{
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 .View Composite PrependingAsteriskFilteredTree,
@@ -175,13 +175,13 @@ 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 */
 #org-eclipse-ui-editorss CTabItem:selected{
 	color: #000000;
-	background-color: #FFFFFF;
+	background-color: #ffffff;
 }
 
 #org-eclipse-ui-editorss CTabFolder{
@@ -204,7 +204,7 @@ CTabFolder Canvas {
 }
 
 Composite.MPartSashContainer{
-	background-color: #f8f8f8;
+	background-color: '#org-eclipse-ui-workbench-SECONDARY_BACKGROUND';
 }
 
 Composite.MArea{