From 6f6573dd5d68faf5de9399f46a26cd10ac12c00b Mon Sep 17 00:00:00 2001 From: juuso-vaadin Date: Mon, 5 May 2025 13:23:20 +0300 Subject: [PATCH 1/8] Add color properties to Avatar styling documentation --- articles/components/avatar/styling.adoc | 60 ++++++++++++++++++++++++- 1 file changed, 59 insertions(+), 1 deletion(-) diff --git a/articles/components/avatar/styling.adoc b/articles/components/avatar/styling.adoc index d124e31211..18078da08e 100644 --- a/articles/components/avatar/styling.adoc +++ b/articles/components/avatar/styling.adoc @@ -7,8 +7,66 @@ order: 50 --- = Styling -include::../_styling-section-intros.adoc[tag=selectors] +include::../_styling-section-theming-props.adoc[tag=style-properties] + +=== Common Properties + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Avatar size +|`--vaadin-avatar-size` +|`var(--lumo-size-m)` + +|Avatar Group overlap +|`--vaadin-avatar-group-overlap` +|`8px` + +|Avatar Group overlap border +|`--vaadin-avatar-group-overlap-border` +|`2px` + +|=== + +=== Color Properties + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|User color 0 +|`--vaadin-user-color-0` +|`#df0b92` +|User color 1 +|`--vaadin-user-color-1` +|`#650acc` + +|User color 2 +|`--vaadin-user-color-2` +|`#097faa` + +|User color 3 +|`--vaadin-user-color-3` +|`#ad6200` + +|User color 4 +|`--vaadin-user-color-4` +|`#bf16f3` + +|User color 5 +|`--vaadin-user-color-5` +|`#084391` + +|User color 6 +|`--vaadin-user-color-6` +|`#078836` + +|=== + + +include::../_styling-section-intros.adoc[tag=selectors] === Avatar From c7206bc24e3ba44aba83553e7c4b17f72bc60b8e Mon Sep 17 00:00:00 2001 From: juuso-vaadin Date: Mon, 5 May 2025 13:44:02 +0300 Subject: [PATCH 2/8] Update Charts Styling docs --- articles/components/charts/css-styling.adoc | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/articles/components/charts/css-styling.adoc b/articles/components/charts/css-styling.adoc index c4885f67a1..d4268fcf05 100644 --- a/articles/components/charts/css-styling.adoc +++ b/articles/components/charts/css-styling.adoc @@ -1,9 +1,10 @@ --- +tab-title: CSS Styling +layout: tabbed-page title: Chart Styling page-title: How to customize Vaadin charts with CSS description: How to style a chart with CSS in your project. meta-description: Learn how to style Vaadin Charts using CSS. Customize colors, fonts, and layouts to align with your application design. -order: 6 --- From e9f621ce9a12b004cd91dfb0fbd65932fa83ce80 Mon Sep 17 00:00:00 2001 From: juuso-vaadin Date: Mon, 5 May 2025 14:29:38 +0300 Subject: [PATCH 3/8] Add style properties to Charts docs --- .../charts/css-styling-properties.adoc | 202 ++++++++++++++++++ 1 file changed, 202 insertions(+) create mode 100644 articles/components/charts/css-styling-properties.adoc diff --git a/articles/components/charts/css-styling-properties.adoc b/articles/components/charts/css-styling-properties.adoc new file mode 100644 index 0000000000..4ca6650451 --- /dev/null +++ b/articles/components/charts/css-styling-properties.adoc @@ -0,0 +1,202 @@ +--- +title: Style Properties +page-title: Vaadin Charts style properties +description: Styling API reference for the Vaadin Charts. +meta-description: Learn how to style Vaadin Charts with custom themes and CSS. Discover tips and examples to create visually appealing and functional data visualizations. +order: 50 +--- + + += Styling + +include::../_styling-section-theming-props.adoc[tag=style-properties] + +=== Common Properties + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Background +|`--vaadin-charts-background` +|`--lumo-base-color` + +|Axis line +|`--vaadin-charts-axis-line` +|`--lumo-contrast-5pct` + +|Grid line +|`--vaadin-charts-grid-line` +|`--lumo-contrast-20pct` + +|X-axis line width +|`--vaadin-charts-xaxis-line-width` +|`0` + +|=== + +=== Data series colors + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Charts color 0 +|`--vaadin-charts-color-0` +|`#5ac2f7` + +|Charts color 1 +|`--vaadin-charts-color-1` +|`#1676f3` + +|Charts color 2 +|`--vaadin-charts-color-2` +|`#ff7d94` + +|Charts color 3 +|`--vaadin-charts-color-3` +|`#c5164e` + +|Charts color 4 +|`--vaadin-charts-color-4` +|`#15c15d` + +|Charts color 5 +|`--vaadin-charts-color-5` +|`#0e8151` + +|Charts color 6 +|`--vaadin-charts-color-6` +|`#c18ed2` + +|Charts color 7 +|`--vaadin-charts-color-7` +|`#9233b3` + +|Charts color 8 +|`--vaadin-charts-color-8` +|`#fda253` + +|Charts color 9 +|`--vaadin-charts-color-9` +|`#e24932` + +|Color for positive values +|`--vaadin-charts-color-positive` +|`--vaadin-charts-color-4` + +|Color for negative values +|`--vaadin-charts-color-negative` +|`--vaadin-charts-color-9` + +|=== + +=== Text colors + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Chart title +|`--vaadin-charts-title-label` +|`--lumo-header-text-color` + +|Axis title +|`--vaadin-charts-axis-title` +|`--lumo-secondary-text-color` + +|Axis label +|`--vaadin-charts-axis-label` +|`--lumo-secondary-text-color` + +|Data label +|`--vaadin-charts-data-label` +|`--lumo-body-text-color` + +|Secondary label +|`--vaadin-charts-secondary-label` +|`--lumo-secondary-text-color` + +|Disabled label +|`--vaadin-charts-disabled-label` +|`--lumo-disabled-text-color` + +|=== + +=== Contrasts + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Contrast +|`--vaadin-charts-contrast` +|`--lumo-contrast` + +|Contrast 5% +|`--vaadin-charts-contrast-5pct` +|`--lumo-contrast-5pct` + +|Contrast 10% +|`--vaadin-charts-contrast-10pct` +|`--lumo-contrast-10pct` + +|Contrast 20% +|`--vaadin-charts-contrast-20pct` +|`--lumo-contrast-20pct` + +|Contrast 60% +|`--vaadin-charts-contrast-60pct` +|`--lumo-contrast-60pct` + +|=== + +=== Button +Styling for range selector buttons + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Button label +|`--vaadin-charts-button-label` +|`--lumo-primary-text-color` + +|Button background +|`--vaadin-charts-button-background` +|`--lumo-contrast-5pct` + +|Button hover background +|`--vaadin-charts-button-hover-background` +|`--lumo-primary-color-10pct` + +|Button active label +|`--vaadin-charts-button-active-label` +|`--lumo-primary-contrast-color` + +|Button active background +|`--vaadin-charts-button-active-background` +|`--lumo-primary-color` + +|=== + +=== Tooltips +Tooltips within the charts + +[cols="1,2,2"] +|=== +| Feature | Property | Default Value + +|Tooltip background +|`--vaadin-charts-tooltip-background` +|`--lumo-base-color` + +|Tooltip border +|`--vaadin-charts-tooltip-border-color` +|`inherit` + +|Tooltip background opacity +|`--vaadin-charts-tooltip-background-opacity` +|`1` + +|=== From b31dd7c0343efa4f77a4c2e77b59eb872f3a5257 Mon Sep 17 00:00:00 2001 From: juuso-vaadin Date: Mon, 5 May 2025 14:34:14 +0300 Subject: [PATCH 4/8] Create styling --- articles/components/charts/styling | 1 + 1 file changed, 1 insertion(+) create mode 100644 articles/components/charts/styling diff --git a/articles/components/charts/styling b/articles/components/charts/styling new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/articles/components/charts/styling @@ -0,0 +1 @@ + From 693d25154fb24b50f291c6cea65f98d5618347a1 Mon Sep 17 00:00:00 2001 From: Juuso Kantonen Date: Mon, 5 May 2025 15:41:10 +0300 Subject: [PATCH 5/8] Additions to Charts docs --- articles/components/charts/styling | 1 - 1 file changed, 1 deletion(-) delete mode 100644 articles/components/charts/styling diff --git a/articles/components/charts/styling b/articles/components/charts/styling deleted file mode 100644 index 8b13789179..0000000000 --- a/articles/components/charts/styling +++ /dev/null @@ -1 +0,0 @@ - From 1279f85a10685a34d8fc52ce92ec232e3384d598 Mon Sep 17 00:00:00 2001 From: Juuso Kantonen Date: Mon, 5 May 2025 15:42:16 +0300 Subject: [PATCH 6/8] Additions to Charts docs --- .../charts/styling/charts_theme_variants.png | Bin 0 -> 9398 bytes .../{css-styling.adoc => styling/index.adoc} | 5 ++++- .../styling.adoc} | 0 3 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 articles/components/charts/styling/charts_theme_variants.png rename articles/components/charts/{css-styling.adoc => styling/index.adoc} (97%) rename articles/components/charts/{css-styling-properties.adoc => styling/styling.adoc} (100%) diff --git a/articles/components/charts/styling/charts_theme_variants.png b/articles/components/charts/styling/charts_theme_variants.png new file mode 100644 index 0000000000000000000000000000000000000000..fbaf090cf00ed3616bf8667054aa26fb89c97b94 GIT binary patch literal 9398 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. +image::charts_theme_variants.png[] + +See a <<{articles}/components/charts#,live demo of the variants>>. == Java Styling API in Flow diff --git a/articles/components/charts/css-styling-properties.adoc b/articles/components/charts/styling/styling.adoc similarity index 100% rename from articles/components/charts/css-styling-properties.adoc rename to articles/components/charts/styling/styling.adoc From e6c4fedae148201cd63513643b3753d1468321d1 Mon Sep 17 00:00:00 2001 From: Jouni Koivuviita Date: Thu, 8 May 2025 09:35:48 +0300 Subject: [PATCH 7/8] Update styling.adoc --- articles/components/charts/styling/styling.adoc | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/articles/components/charts/styling/styling.adoc b/articles/components/charts/styling/styling.adoc index 4ca6650451..036680d555 100644 --- a/articles/components/charts/styling/styling.adoc +++ b/articles/components/charts/styling/styling.adoc @@ -35,7 +35,7 @@ include::../_styling-section-theming-props.adoc[tag=style-properties] |=== -=== Data series colors +=== Data Series Colors [cols="1,2,2"] |=== @@ -91,7 +91,7 @@ include::../_styling-section-theming-props.adoc[tag=style-properties] |=== -=== Text colors +=== Text Colors [cols="1,2,2"] |=== @@ -152,7 +152,7 @@ include::../_styling-section-theming-props.adoc[tag=style-properties] |=== === Button -Styling for range selector buttons +Style properties for range selector buttons. [cols="1,2,2"] |=== @@ -181,7 +181,7 @@ Styling for range selector buttons |=== === Tooltips -Tooltips within the charts +Tooltips within a chart. [cols="1,2,2"] |=== From eec2af0f150d2e43c7f9a914e84749df9ab5f72c Mon Sep 17 00:00:00 2001 From: juuso-vaadin Date: Thu, 8 May 2025 12:37:50 +0300 Subject: [PATCH 8/8] Fix path --- articles/components/charts/styling/styling.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/articles/components/charts/styling/styling.adoc b/articles/components/charts/styling/styling.adoc index 036680d555..bcfd34d438 100644 --- a/articles/components/charts/styling/styling.adoc +++ b/articles/components/charts/styling/styling.adoc @@ -9,7 +9,7 @@ order: 50 = Styling -include::../_styling-section-theming-props.adoc[tag=style-properties] +include::../../_styling-section-theming-props.adoc[tag=style-properties] === Common Properties