diff --git a/components/Tag.slint b/components/Tag.slint
index 6180058..35ace09 100644
--- a/components/Tag.slint
+++ b/components/Tag.slint
@@ -4,14 +4,24 @@ import { VText } from "Text.slint";
 export component VTag inherits Rectangle {
 
 	in property text <=> text-component.text;
-	in property text-color <=> text-component.color;
+	in property<color> text-color;
 	in property size <=> text-component.font-size;
 	in property background-color <=> self.background;
 
 	callback clicked;
 
-	background: Palette.control-background;
-	border-radius: 8px;
+	background: Palette.card-background;
+	border-radius: 8phx;
+	clip: true;
+	border-color: text-color;
+	border-width: 1phx;
+
+	Rectangle {
+		width: 100%;
+		height: 100%;
+		background: root.text-color;
+		opacity: 0.05;
+	}
 
 	ta := TouchArea {
 		mouse-cursor: pointer;
diff --git a/cpp/include/selenite/palette.h b/cpp/include/selenite/palette.h
index eabf912..db099e5 100644
--- a/cpp/include/selenite/palette.h
+++ b/cpp/include/selenite/palette.h
@@ -27,4 +27,6 @@ struct Palette {
 
 std::optional<Palette> parseJson(const std::string &path);
 
+Color hexStringToColor(const std::string &hexString);
+
 } // namespace selenite