Commit Graph

42 Commits

Author SHA1 Message Date
Nick Colley a521f253a0 Improve default buttons in dark mode 2023-02-01 11:57:21 +00:00
Nick Colley 55b9795b12 Improve header banner
Make it so you can see the entire banner.
Make the background to the profile more contrasty.
2023-02-01 11:30:36 +00:00
Nick Colley 6fac95c636 Improve verified indicator
Make it clearer what it means by adding a text label.
2023-02-01 11:15:23 +00:00
Nick Colley b17bcdd718 Improve consistency of inputs
- Improve touch areas of tabs and buttons so more of them are 44px height
- Improve border radius of inputs so they're aligned.
2023-01-30 16:43:20 +00:00
Nick Colley 344e373e2d Tone down saturation slightly 2023-01-22 08:40:29 +00:00
Nick Colley 81d09bf31b Change default themes to use brand purple 2023-01-21 14:25:24 +00:00
Nolan Lawson b5cad87aaf
fix: lighten button colors on some themes (#2331) 2022-12-26 11:29:12 -08:00
Nick Colley a85ff62d48
fix: pitchback svgs not being visible (#2328) 2022-12-26 11:27:53 -08:00
Nick Colley e06f63684e
fix: improve dark theme icons (#2327) 2022-12-26 11:26:58 -08:00
Nick Colley f81778d37f
fix: improve icon readability in light theme (#2323)
Boost contrast of the default colour theme, to be closer to
the other theme's saturation then boost the unpressed state for action
buttons.

This brings the icons to 3:1 contrast while keeping colour in themes.

Co-authored-by: Nolan Lawson <nolan@nolanlawson.com>
2022-12-18 12:07:53 -08:00
Nick Colley 746298a1f7
fix: pitchblack theme unpressed icons readability (#2324)
increase contrast so they're more readable.
2022-12-18 11:20:58 -08:00
Nick Colley 3edfed971f
fix: notification page contrast (#2302)
Use lowest possible contrast gray that meets WCAG requirements for
very deemphasised text.

Makes the notification page more readable without compromising access.

Co-authored-by: Nolan Lawson <nolan@nolanlawson.com>

Co-authored-by: Nolan Lawson <nolan@nolanlawson.com>
2022-12-17 18:12:13 +00:00
Nolan Lawson 7fdbd72f13
fix: fix nav animations (#2291)
Fixes #2290
2022-12-03 16:48:22 -08:00
Nick Colley da28e98cfb
fix: contrast for active navigation (#2274)
Increase the background contrast for the selected page.
Increase the prominance of the indictor bar so we dont need to rely on
the background to have a strong contrast difference.
2022-12-02 13:58:29 -08:00
Maxime Le Conte des Floris 3c857d74b8
fix: improve button a11y for theme Sorcery (#2266)
Similar to https://github.com/tootcafe/mastodon/pull/183
2022-11-27 17:04:49 -08:00
Nolan Lawson 4fb8f37db7
fix: fix mismatched dark/light color-scheme (#2244) 2022-11-24 21:34:13 -08:00
Nolan Lawson 21678ec78e
fix: tweak accent colors (#2089)
* fix: tweak accent colors

* fix: fixup
2021-08-20 18:08:26 -07:00
Nolan Lawson 368775e220
fix: add accent-color/color-scheme (#2088) 2021-08-18 07:11:14 -07:00
Timo Tijhof 9acb3faac8
fix: change dark grayscale to use have a brighter action-button color (#1881)
The pressed state, such as used for the "Unfollow" button, was effectively
identical to the background, thus making it invisible.

Brighten it up to fix this. The relative differences are kept the same as
before and match the default theme,, e.g. the brightness ranges from
(darkest) Unfollow > Unfollow-hover > Follow > Follow-hover (brightest)

Fixes https://github.com/nolanlawson/pinafore/issues/1880.
2020-11-14 11:35:55 -08:00
Nolan Lawson 1fc14107c8
fix: tweak nav indicator so it's a bit more prominent (#1788) 2020-05-20 21:10:56 -07:00
Milan d16ccd5d5f
fix: change pitch black theme (#1702)
On AMOLED displays the pitch black theme was unsatisfying. I have
changed the theme to use #000 as main theme color, which completely
stops the OLED pixels from emitting light, thus saving energy and
on some devices making the background indistinguishable from the screen
border.
2020-02-26 07:03:15 -08:00
Nolan Lawson 38b16c91d1
fix: improve style on very small mobile screens (#1505) 2019-09-21 13:45:48 -07:00
Nolan Lawson aca1067568
fix: tweak colors for blurhash sensitive media button/text (#1389) 2019-08-17 14:33:57 -07:00
Nolan Lawson d58ab52a09
fix: improve focal points draggable style/perf (#1371)
* fix: improve focal points draggable style/perf

* remove unnecessary global

* fix all the things

* fix comment
2019-08-04 13:31:51 -07:00
Nolan Lawson 85b75900c1
feat: add ability to set focal points for media (#1303)
* feat: add ability to set focal points for media

fixes #739

* fix tests

* actually fix tests

* really really fix tests

* really really really fix tests pinkie swear
2019-07-07 00:14:19 -07:00
Nolan Lawson d31f2ce010
feat: add support for audio attachments (#1293)
This is a new thing in Mastodon v2.9. I kept the "camera" icon because I like it better than the paperclip, and I think it covers the 99% use case.
2019-06-23 09:41:31 -07:00
Nolan Lawson a35f5ee2d9
feat: implement wellness settings (#1256)
* implement wellness settings

fixes #1192

Adds
- grayscale mode (as well as separate grayscale/dark grayscale
themes)
- disable follower/boost/fav counts (follower counts capped at 10)
- disable unread notification count (red dot)

* fix lint

* fix crawler
2019-06-01 13:07:31 -07:00
Nolan Lawson f1857cb86e
fix: improve color contrast of dark themes (#1249) 2019-05-27 17:01:53 -07:00
Nolan Lawson 12179505e1
fix: improve UI/a11y of media upload (#1241) 2019-05-27 12:31:49 -07:00
Nolan Lawson 0887196db4
feat: add snackbar alert with refresh button (#1193)
* feat: add snackbar alert with refresh button

fixes #77

* fixup

* change refresh to reload
2019-05-08 07:52:12 -07:00
Nolan Lawson de9faf4678
fix: redesign tabs slightly (#1178) 2019-05-05 12:30:08 -07:00
Nolan Lawson ff1e9e2c41
fix: add tooltip info on what an instance is (#1175) 2019-05-04 14:16:15 -07:00
Nolan Lawson 6744de59f8
feat: add account page filters (#1124)
* start on account page filters

fixes #1021

* making progress

* more progress, just need style now

* fix lint

* fix style and add test
2019-03-30 21:48:49 -07:00
jeroenpraat 5012a21bcd feat: Plus theme with Mastodon standard web-app colors (called mastodon) (#1090)
* +mastodon theme

* +mastodon theme
2019-03-09 12:29:57 -08:00
Nolan Lawson e16c312788
fix: use focus ring rather than background for status/notifications (#1030)
I don't like clicking on a status, clicking back, and suddenly it has a
different background. The focus ring is less distracting. Unfortunately
it doesn't look right on the article element itself, so we have to apply
the style to its parent, but that's not too hard.
2019-02-22 20:35:04 -08:00
Nolan Lawson 25aea9f30a
fix: improve active state of navbar (#996) 2019-02-15 19:03:18 -08:00
Nolan Lawson 752715becb
fix: tweak primary button border color (#987) 2019-02-14 19:38:54 -08:00
Nolan Lawson 4074f09f65
fix: fix default contrast ratio for button (#978)
this gets us up to 100% accessibility score on lighthouse
2019-02-13 18:38:19 -08:00
Nolan Lawson 8179c1b53f
fix: set dark theme based on prefers-color-scheme (#966)
* fix: set dark theme based on prefers-color-scheme

fixes #728

* add an explicit banner fill color
2019-02-11 21:03:51 -08:00
Nolan Lawson de4016029f
fix: fix legibility of settings text in dark themes (#965) 2019-02-11 19:49:18 -08:00
Nolan Lawson eb5437e32a
fix: increase custom scrollbar width (#914) 2019-01-26 09:34:16 -08:00
Nolan Lawson 4a8f65b7fc
chore: refactor src files to src/ directory (#900) 2019-01-19 13:32:36 -08:00