Merge pull request #6907 from getkirby/v5/fix/6906-link-color

getkirby · Jan 21, 2025 · 19045ba · 19045ba
2 parents 38067a0 + 7332092
commit 19045ba
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/panel/lab/components/boxes/1_themes/index.vue b/panel/lab/components/boxes/1_themes/index.vue
@@ -24,13 +24,25 @@
 				/>
 			</k-grid>
 		</k-lab-example>
+		<k-lab-example label="Text, Icon & Link">
+			<k-grid style="--columns: 1; gap: 0.5rem">
+				<k-box
+					v-for="theme in themes"
+					:key="theme"
+					:html="true"
+					:theme="theme"
+					text='Text with <a href="/">URL</a>'
+					icon="box"
+				/>
+			</k-grid>
+		</k-lab-example>
 	</k-lab-examples>
 </template>
 
 <script>
 export default {
 	props: {
-		themes: Array,
-	},
+		themes: Array
+	}
 };
 </script>
diff --git a/panel/src/components/Layout/Box.vue b/panel/src/components/Layout/Box.vue
@@ -107,6 +107,8 @@ export default {
 	--box-color-back: var(--theme-color-back);
 	--box-color-text: var(--theme-color-text-highlight);
 	--box-color-icon: var(--theme-color-700);
+	--link-color: var(--box-color-text);
+	--link-color-hover: var(--box-color-text);
 	min-height: var(--box-height);
 	line-height: 1.25;
 	padding: 0.375rem var(--box-padding-inline);