fix(input): blue background if read-only

digitalservicebund · Jan 19, 2024 · 5c57a64 · 5c57a64
1 parent ab37495
commit 5c57a64
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/input.js b/src/components/input.js
@@ -23,11 +23,13 @@ module.exports = function ({ addComponents, theme }) {
  },
  ".ds-input:read-only": {
  boxShadow: "none !important",
+ backgroundColor: theme("colors.blue.300"),
  },
  ".ds-input:disabled": {
  boxShadow: `inset 0 0 0 2px ${theme("colors.gray.600")} !important`,
  color: theme("colors.gray.600"),
  cursor: "not-allowed",
+ backgroundColor: theme("colors.white"),
  },
  ".ds-input.has-error": {
  boxShadow: `inset 0 0 0 2px ${theme("colors.red.800")}`,