diff --git a/app/javascript/flavours/glitch/styles/mastodon-light.scss b/app/javascript/flavours/glitch/styles/mastodon-light.scss index 8fc132651..1f4a7d7ba 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light.scss @@ -1,3 +1,4 @@ @import 'mastodon-light/variables'; @import 'index'; @import 'mastodon-light/diff'; +@import 'mastodon-light/colors'; diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss b/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss new file mode 100644 index 000000000..a240d0f8a --- /dev/null +++ b/app/javascript/flavours/glitch/styles/mastodon-light/colors.scss @@ -0,0 +1,28 @@ +/* 🎨 Colors */ +:root { + color-scheme: light; + + /* Base */ + --color-fg: #000; + --color-bg: #eff3f5; + + /* Accent */ + --color-accent-bg: #d9e1e8; + --color-accent-fg: #282c37; + --color-accent-lines: #c0cdd9; + + /* Notifications */ + --color-notifications-bg--active: #fff; + --color-notifications-bg--hover: #fff9; + + /* Search */ + --color-search-bg--focus: #ccd7e0; + --color-search-fg: #282c37; + --color-search-fg--focus: var(--color-fg); + --color-search-placeholder: var(--color-search-fg); + --color-search-placeholder--focus: #5e6a7a; + + /* Status */ + --color-status-fg: var(--color-fg); + --color-status-bg: #fff; +}