diff --git a/changelog/unreleased/fix-web-theme-color-contrasts.md b/changelog/unreleased/fix-web-theme-color-contrasts.md new file mode 100644 index 0000000000..f0ad1ff0e7 --- /dev/null +++ b/changelog/unreleased/fix-web-theme-color-contrasts.md @@ -0,0 +1,7 @@ +Bugfix: Web theme color contrasts + +Web theme colors have been enhanced so they have at least a 4.5:1 contrast ratio because of a11y reasons. + +https://github.com/owncloud/web/issues/10726 +https://github.com/owncloud/web/pull/11331 +https://github.com/owncloud/ocis/pull/9752 diff --git a/services/web/assets/themes/owncloud/theme.json b/services/web/assets/themes/owncloud/theme.json index 80383368de..21651d4870 100644 --- a/services/web/assets/themes/owncloud/theme.json +++ b/services/web/assets/themes/owncloud/theme.json @@ -135,7 +135,7 @@ "background-default": "#292929", "background-highlight": "#383838", "background-muted": "#383838", - "background-secondary": "#4f4f4f", + "background-secondary": "#404040", "background-hover": "#383838", "color-components-apptopbar-background": "transparent", "color-components-apptopbar-border": "#ceddee", @@ -163,7 +163,7 @@ "swatch-primary-gradient-hover": "#76a1d5", "swatch-primary-contrast": "#dadcdf", "swatch-success-background": "rgba(0, 188, 140, 0)", - "swatch-success-default": "rgb(0, 188, 140)", + "swatch-success-default": "rgb(0, 200, 152)", "swatch-success-hover": "#00f0b4", "swatch-success-muted": "rgba(0, 188, 140, .5)", "swatch-success-contrast": "#000000", @@ -171,10 +171,10 @@ "swatch-warning-default": "rgb(232, 191, 73)", "swatch-warning-hover": "#eed077", "swatch-warning-muted": "rgba(232, 178, 19, .5)", - "swatch-danger-default": "rgb(255, 72, 53)", + "swatch-danger-default": "rgb(255, 137, 126)", "swatch-danger-hover": "#ff7566", "swatch-danger-muted": "rgba(255, 72, 53, .5)", - "swatch-danger-contrast": "#dadcdf", + "swatch-danger-contrast": "#000000", "swatch-warning-contrast": "#000000", "text-default": "#dadcdf", "text-inverse": "#000000",