Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-09-13 01:58:44 +02:00
Code Issues Projects Releases Wiki Activity

Add alt2 text color (#794)

Browse Source
This commit is contained in:
Oscar Hinton 2022-05-10 05:11:33 +02:00 committed by GitHub
parent 31beae1783
commit 999e0637f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/src/stories/colors.stories.mdx
View File

@ -53,6 +53,7 @@ export const Table = (args) => (
{Row("text-main")} {Row("text-main")}
{Row("text-muted")} {Row("text-muted")}
{Row("text-contrast")} {Row("text-contrast")}
{Row("text-alt2")}
</tbody> </tbody>
</table> </table>
); );

2
components/src/tw-theme.css
View File

@ -27,6 +27,7 @@
--color-text-main: #212529; --color-text-main: #212529;
--color-text-muted: #6d757e; --color-text-muted: #6d757e;
--color-text-contrast: #ffffff; --color-text-contrast: #ffffff;
--color-text-alt2: #ffffff;
--tw-ring-offset-color: #fff; --tw-ring-offset-color: #fff;
} }
@ -64,6 +65,7 @@
--color-text-main: #ffffff; --color-text-main: #ffffff;
--color-text-muted: #bac0ce; --color-text-muted: #bac0ce;
--color-text-contrast: #191e26; --color-text-contrast: #191e26;
--color-text-alt2: #ffffff;
--tw-ring-offset-color: #1f242e; --tw-ring-offset-color: #1f242e;
} }

2
components/tailwind.config.base.js
View File

@ -41,6 +41,7 @@ module.exports = {
main: "var(--color-text-main)", main: "var(--color-text-main)",
muted: "var(--color-text-muted)", muted: "var(--color-text-muted)",
contrast: "var(--color-text-contrast)", contrast: "var(--color-text-contrast)",
alt2: "var(--color-text-alt2)",
}, },
background: { background: {
DEFAULT: "var(--color-background)", DEFAULT: "var(--color-background)",
@ -52,6 +53,7 @@ module.exports = {
main: "var(--color-text-main)", main: "var(--color-text-main)",
muted: "var(--color-text-muted)", muted: "var(--color-text-muted)",
contrast: "var(--color-text-contrast)", contrast: "var(--color-text-contrast)",
alt2: "var(--color-text-alt2)",
success: "var(--color-success-500)", success: "var(--color-success-500)",
danger: "var(--color-danger-500)", danger: "var(--color-danger-500)",
warning: "var(--color-warning-500)", warning: "var(--color-warning-500)",