Commit Graph

69 Commits

Author SHA1 Message Date
Nick Colley a521f253a0 Improve default buttons in dark mode 2023-02-01 11:57:21 +00:00
Nick Colley b146668cf7 Increase overall line height for readability 2023-02-01 11:57:03 +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
Nick Colley e976da6b1e Pinafore to Semaphore 2023-01-10 14:21:38 +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
Nick Colley b543399e0a
fix: hide invisible content consistently (#2254)
Some other parts of the interface for example URLs in profiles
use the invisible class, move this to the top level global file
so it'll be applied everywhere.
2022-11-25 12:03:26 -08:00
Nolan Lawson 4fb8f37db7
fix: fix mismatched dark/light color-scheme (#2244) 2022-11-24 21:34:13 -08:00
Nolan Lawson 347dab4e29
fix: fix pencil button location with bottom nav (#2222) 2022-11-21 18:53:25 -08:00
Nolan Lawson 85bc6ba372
fix: fix position of toast/snackbar for bottom nav (#2213) 2022-11-20 11:50:38 -08:00
Nolan Lawson ad73918fa8
feat(ui): bottom nav (#2205)
Co-authored-by: Benny Powers <web@bennypowers.com>
2022-11-19 10:13:57 -08:00
Nolan Lawson f2d752bfc2
fix: add country flag emoji on windows (#2117)
* fix: add country flag emoji on windows

* fix: missing file

* fix: cache font file on-demand

* fix: attempt to fix

* fix: working

* fix: ordering

* fix: ordering

* fix: ordering

* fix: fixup

* fix: fixup

* fix: add comment

* fix: fix vercel

* fix: fix vercel.json

* fix: vercel

* refactor: refactor
2022-03-27 20:59:02 -07:00
Nolan Lawson fd6bb63450
chore: update emoji-picker-element (#2116) 2022-03-21 08:23:17 -07: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
Nolan Lawson 4adc8ff748
feat: implement word/phrase filters (#1990)
* feat: implement word filters

* fix: more progress on word filters

* fix: more progress

* fix: more work

* fix: more work

* fix: more progress

* fix: tweaks

* fix: basic crud stuff

* fix: more work

* test: add tests

* test: more test

* fix: handle filter expiry correctly

* fix: implement more efficient word filter logic

* fix: better required labels

* test: fix test
2021-03-13 17:31:17 -08: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 55ded5c234
fix: fix stacking context in Safari/WebKit (#1812)
fixes #1806
2020-07-04 23:17:55 -07:00
Nolan Lawson ceff1f1f8f
fix: tweak indicator design again (#1789) 2020-05-23 09:28:23 -07:00
Nolan Lawson 1fc14107c8
fix: tweak nav indicator so it's a bit more prominent (#1788) 2020-05-20 21:10:56 -07:00
Nolan Lawson bedb636182
fix: css cleanup of nav-related variables (#1786)
* fix: css cleanup of nav-related variables

* changed my mind on this margin
2020-05-20 07:07:47 -07:00
Nolan Lawson cc62000b21
feat: use :focus-visible, add setting to enable/disable it (#1775)
* feat: use :focus-visible, add setting to enable it

* add the ids back

* css cleanup
2020-05-16 13:36:08 -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 3129ae7344
fix: remove deprecated scrollbar styles (#1687) 2019-12-23 11:53:55 -08:00
Nolan Lawson 8c5d6fe667
fix: remove iOS sticky workaround (#1556)
I'm not sure what changed, but #667 no longer seems to be an issue, so
it looks like we can safely remove this workaround. I even tested in a
simulator in iOS 11.4 and we don't seem to be affected anymore.
2019-10-08 05:59:45 -07:00
Nolan Lawson b8b6556a14
fix: more focus style fixes for small devices (#1532) 2019-09-24 18:46:58 -07:00
Nolan Lawson 1bbe2a5612
fix: improve focus styles (#1526)
* fix: improve focus styles

* fixup
2019-09-24 00:50:35 -07:00
Nolan Lawson 3338159eaa
fix: improve nav button focus appearance (#1518) 2019-09-22 20:11:40 -07:00
Nolan Lawson 41270f9210
fix: more fixes for tiny screen sizes (#1509) 2019-09-21 18:16:55 -07:00
Nolan Lawson 38b16c91d1
fix: improve style on very small mobile screens (#1505) 2019-09-21 13:45:48 -07:00
Nolan Lawson 489319a3a6
fix: improve nav height on tiny screens, use variables (#1503) 2019-09-20 23:17:57 -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 2d8b61e589
fix: only apply custom scrollbars to root scroller (#1346) 2019-07-19 20:08:33 -07:00
Nolan Lawson a16bc30f21
fix: tweak spinner animation (#1337)
I think it looks better if it looks like the dots are growing or
shrinking rather than the whole thing spinning.
2019-07-17 21:34:45 -07:00
Nolan Lawson 68343a7a09
fix: use pure CSS for focus effect (#1323)
* fix: use pure CSS for focus effect

fixes #1322

* apply elsewhere too

* fix comment
2019-07-08 09:42:45 -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 604471a158
fix: fix grayscale in firefox (#1261) 2019-06-01 15:51:46 -07:00