Adds tooltip color mapping

src/webviews/apps/plus/focus/components/focus-app.ts

@@ -7,6 +7,7 @@ import type { State } from '../../../../../plus/webviews/focus/protocol';
 import { debounce } from '../../../../../system/function';
 import type { FeatureGate } from '../../../shared/components/feature-gate';
 import type { FeatureGateBadge } from '../../../shared/components/feature-gate-badge';
+import { themeProperties } from './gk-theme.css';
 import '../../../shared/components/code-icon';
 import '../../../shared/components/feature-gate';
 import '../../../shared/components/feature-gate-badge';
@@ -15,6 +16,7 @@ import './gk-issue-row';
 
 @customElement('gl-focus-app')
 export class GlFocusApp extends LitElement {
+	static override styles = [themeProperties];
 	private readonly tabFilters = ['authored', 'assigned', 'review-requested', 'mentioned'];
 	private readonly tabFilterOptions = [
 		{ label: 'All', value: '' },

src/webviews/apps/plus/focus/components/gk-theme.css.ts

@@ -20,5 +20,10 @@ export const themeProperties = css`
 		--gk-button-outline-color: var(--color-foreground);
 		--gk-button-outline-color-active: var(--background-10);
 		--gk-button-outline-color-disabled: var(--color-foreground--50);
+
+		--gk-tooltip-background-color: var(--popover-bg);
+		--gk-tooltip-font-color: var(--color-foreground);
+		--gk-tooltip-font-weight: normal;
+		--gk-tooltip-font-size: 1.2rem;
 	}
 `;