diff --git a/core/src/components/title/title.scss b/core/src/components/title/title.scss
index ec49652883..96522e5497 100644
--- a/core/src/components/title/title.scss
+++ b/core/src/components/title/title.scss
@@ -4,11 +4,18 @@
// --------------------------------------------------
:host {
+ /**
+ * @prop --color: Text color of the title
+ */
+ --color: currentColor;
+
display: flex;
flex: 1;
align-items: center;
+ color: var(--color);
+
transform: translateZ(0);
}
diff --git a/core/src/components/toolbar/test/colors/index.html b/core/src/components/toolbar/test/colors/index.html
index 94d479421f..0302c3cc0b 100644
--- a/core/src/components/toolbar/test/colors/index.html
+++ b/core/src/components/toolbar/test/colors/index.html
@@ -1,5 +1,6 @@
+
Toolbar - Colors
@@ -7,176 +8,191 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Primary
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Secondary
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Tertiary
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Success
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Warning
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Danger
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Light
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Medium
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dark
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Custom
+
+
+
+ Default
+
+
+
+ Secondary
+
+
+
+ Custom
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Toolbar
-
-
-
-
-
-
-
-
-
-
-
-
-
- Primary
-
-
-
-
-
-
-
-
-
-
-
-
-
- Secondary
-
-
-
-
-
-
-
-
-
-
-
-
-
- Tertiary
-
-
-
-
-
-
-
-
-
-
-
-
-
- Success
-
-
-
-
-
-
-
-
-
-
-
-
-
- Warning
-
-
-
-
-
-
-
-
-
-
-
-
-
- Danger
-
-
-
-
-
-
-
-
-
-
-
-
-
- Light
-
-
-
-
-
-
-
-
-
-
-
-
-
- Medium
-
-
-
-
-
-
-
-
-
-
-
-
-
- Dark
-
-
-
-
-
-
-
-
-
-
-
-
-
- Dark
-
-
-
-
+
-
-
-