use more transparency (for #25482)

extensions/theme-abyss/themes/abyss-color-theme.json

@@ -369,7 +369,7 @@
 		// "activityBarForeground": "",
 		"activityBarBadgeBackground": "#0063a5",
 		// "activityBarBadgeForeground": "",
-		"activityBarDragAndDropBackground": "#25375daa",
+		// "activityBarDragAndDropBackground": "#25375daa",
 
 		// Workbench: Panel
 		// "panelBackground": "",

extensions/theme-solarized-dark/themes/solarized-dark-color-theme.json

@@ -404,7 +404,7 @@
 
 		// Workbench: Activity Bar
 		"activityBarBackground": "#003847",
-		"activityBarDragAndDropBackground": "#00212B",
+		// "activityBarDragAndDropBackground": "#00212B",
 		"activityBarBadgeBackground": "#047aa6",
 
 		// Workbench: Panel

src/vs/workbench/common/theme.ts

@@ -121,8 +121,8 @@ export const PANEL_INACTIVE_TITLE_COLOR = registerColor('panelInactiveTitleForeg
 }, nls.localize('panelInactiveTitleForeground', "Title color for the inactive panel. Panels are shown below the editor area and contain views like output and integrated terminal."));
 
 export const PANEL_ACTIVE_TITLE_BORDER = registerColor('panelActiveTitleBorder', {
-	dark: '#404047',
-	light: '#CCCEDA',
+	dark: PANEL_BORDER_COLOR,
+	light: PANEL_BORDER_COLOR,
 	hc: contrastBorder
 }, nls.localize('panelActiveTitleBorder', "Border color for the active panel title. Panels are shown below the editor area and contain views like output and integrated terminal."));
 
@@ -189,9 +189,9 @@ export const ACTIVITY_BAR_FOREGROUND = registerColor('activityBarForeground', {
 }, nls.localize('activityBarForeground', "Activity bar foreground color (e.g. used for the icons). The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
 
 export const ACTIVITY_BAR_DRAG_AND_DROP_BACKGROUND = registerColor('activityBarDragAndDropBackground', {
-	dark: '#403F3F',
-	light: '#403F3F',
-	hc: '#403F3F'
+	dark: Color.fromRGBA(new RGBA(255, 255, 255)).transparent(0.12),
+	light: Color.fromRGBA(new RGBA(255, 255, 255)).transparent(0.12),
+	hc: Color.fromRGBA(new RGBA(255, 255, 255)).transparent(0.12),
 }, nls.localize('activityBarDragAndDropBackground', "Drag and drop feedback color for the activity bar items. The activity bar is showing on the far left or right and allows to switch between views of the side bar."));
 
 export const ACTIVITY_BAR_BADGE_BACKGROUND = registerColor('activityBarBadgeBackground', {