bitwarden-estensione-browser/libs/components/src/tw-theme.css

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

78 lines
1.8 KiB
CSS
Raw Normal View History

2022-03-08 11:50:34 +01:00
:root {
[EC-457] Component library icon buttons (#3372) * [EC-457] feat: initial version of icon button * [EC-457] feat: modify template and start adding inputs * [EC-457] feat: implement all styles * [EC-457] chore: cleanup * [EC-457] feat: fix hover styles after discussions * [EC-457] feat: add focus ring workaround * [EC-457] chore: refactor stories a bit * [EC-457] fix: button style attr name reserved word collision * [EC-356] feat: match padding with figma * [EC-457] feat: use icon button in banner * [EC-457] chore: cleanup css classes * [EC-457] feat: improve aria * [EC-457] feat: use icon button in dialog * [EC-457] fix: make focus and hover styles independent * [EC-457] fix: remove primary 500 border * [EC-457] chore: cleanup * [EC-457] chore: move css class to common list * [EC-457] fix: use focus-visible * [EC-457] chore: expand on workaround fix * [EC-457] fix: default sizing * [EC-457] fix: align trash icon right * [EC-457] fix: add missing aria labels * [EC-457] fix: add i18n service to banner tests * [EC-457] chore: rename size `default` to `button` * [EC-457] feat: double padding * [EC-457] feat: simplify sizes - update default * [EC-457] fix: revert selector fix - gonna create separate pr * [EC-457] chore: remove superfluous dependencies * [EC-457] fix: remove non-working onClose handler Removing this storybook action because we already test it as part of the dialog service stories. It requries mocking the dialogRef to capture the close function which makes this story more complex but adds very little value as we already test it elsewhere.
2022-09-15 07:38:29 +02:00
--color-transparent-hover: rgb(0 0 0 / 0.03);
--color-background: 255 255 255;
--color-background-alt: 251 251 251;
--color-background-alt2: 23 92 219;
2022-03-08 11:50:34 +01:00
--color-primary-300: 103 149 232;
--color-primary-500: 23 93 220;
--color-primary-700: 18 82 163;
2022-03-08 11:50:34 +01:00
--color-secondary-100: 240 240 240;
--color-secondary-300: 206 212 220;
--color-secondary-500: 137 146 159;
--color-secondary-700: 33 37 41;
2022-03-08 11:50:34 +01:00
--color-success-500: 1 126 69;
--color-success-700: 0 85 46;
2022-03-08 11:50:34 +01:00
--color-danger-500: 200 53 34;
--color-danger-700: 152 41 27;
2022-03-08 11:50:34 +01:00
--color-warning-500: 139 102 9;
--color-warning-700: 105 77 5;
2022-03-08 11:50:34 +01:00
--color-info-500: 85 85 85;
--color-info-700: 59 58 58;
2022-03-08 11:50:34 +01:00
--color-text-main: 33 37 41;
--color-text-muted: 109 117 126;
--color-text-contrast: 255 255 255;
--color-text-alt2: 255 255 255;
2022-10-07 18:24:49 +02:00
--color-text-code: 192 17 118;
--tw-ring-offset-color: #ffffff;
2022-03-08 11:50:34 +01:00
}
.theme_light {
/* should be left empty as white is the default */
}
.theme_dark {
[EC-457] Component library icon buttons (#3372) * [EC-457] feat: initial version of icon button * [EC-457] feat: modify template and start adding inputs * [EC-457] feat: implement all styles * [EC-457] chore: cleanup * [EC-457] feat: fix hover styles after discussions * [EC-457] feat: add focus ring workaround * [EC-457] chore: refactor stories a bit * [EC-457] fix: button style attr name reserved word collision * [EC-356] feat: match padding with figma * [EC-457] feat: use icon button in banner * [EC-457] chore: cleanup css classes * [EC-457] feat: improve aria * [EC-457] feat: use icon button in dialog * [EC-457] fix: make focus and hover styles independent * [EC-457] fix: remove primary 500 border * [EC-457] chore: cleanup * [EC-457] chore: move css class to common list * [EC-457] fix: use focus-visible * [EC-457] chore: expand on workaround fix * [EC-457] fix: default sizing * [EC-457] fix: align trash icon right * [EC-457] fix: add missing aria labels * [EC-457] fix: add i18n service to banner tests * [EC-457] chore: rename size `default` to `button` * [EC-457] feat: double padding * [EC-457] feat: simplify sizes - update default * [EC-457] fix: revert selector fix - gonna create separate pr * [EC-457] chore: remove superfluous dependencies * [EC-457] fix: remove non-working onClose handler Removing this storybook action because we already test it as part of the dialog service stories. It requries mocking the dialogRef to capture the close function which makes this story more complex but adds very little value as we already test it elsewhere.
2022-09-15 07:38:29 +02:00
--color-transparent-hover: rgb(255 255 255 / 0.12);
--color-background: 31 36 46;
--color-background-alt: 22 28 38;
--color-background-alt2: 47 52 61;
2022-03-08 11:50:34 +01:00
--color-primary-300: 23 93 220;
--color-primary-500: 106 153 240;
--color-primary-700: 180 204 249;
2022-03-08 11:50:34 +01:00
--color-secondary-100: 47 52 61;
--color-secondary-300: 110 118 137;
--color-secondary-500: 186 192 206;
--color-secondary-700: 255 255 255;
2022-03-08 11:50:34 +01:00
--color-success-500: 82 224 124;
--color-success-700: 168 239 190;
2022-03-08 11:50:34 +01:00
--color-danger-500: 255 141 133;
--color-danger-700: 255 191 187;
2022-03-08 11:50:34 +01:00
--color-warning-500: 255 235 102;
--color-warning-700: 255 245 179;
2022-03-08 11:50:34 +01:00
--color-info-500: 164 176 198;
--color-info-700: 209 215 226;
2022-03-08 11:50:34 +01:00
--color-text-main: 255 255 255;
--color-text-muted: 186 192 206;
--color-text-contrast: 25 30 38;
--color-text-alt2: 255 255 255;
2022-10-07 18:24:49 +02:00
--color-text-code: 240 141 199;
--tw-ring-offset-color: #1f242e;
2022-03-08 11:50:34 +01:00
}