You can shape how Pumpynotes looks to suit your own taste. The background colour, the colour of the buttons, the typeface and its size are entirely up to you. And you'll find them all in one place, on the Appearance page. Every one of them works on the free plan too. These settings are saved to your account rather than your device; switch to the dark theme on your laptop, for instance, and your phone greets you with the dark theme as well. Let's go through them in six steps.
1
Open the Appearance page
Open Settings and pick Appearance from the list on the left. The page lays out your theme, accent colour, font, font size and accessibility preferences one under the other. Change any of them and you see the result on screen straight away, so you get to try the look before you save it.
Account
Profile
Account
Security
Workspace
Workspace
Billing
Invite Friends
Preferences
Appearance
Language & Region
Notifications
Appearance
Theme, accent colour, font and accessibility preferences.
Theme
Accent Color
Used for buttons, selections, and highlights
Background
AText
#F9E902
Apply
The Appearance page, first in the Preferences group
2
Pick a theme
There are 3 themes. You can choose between Light and Dark. Or pick System and leave the decision to Pumpynotes; it switches to light by day and dark at night, automatically. All three come with a preview, so you can see how they look before you save.
Appearance
Theme, accent colour, font and accessibility preferences.
Theme
Choose the dark theme and the page itself turns dark
3
Change the accent colour
Every bit of yellow you notice in the app is the accent colour: the fill behind the Save button, today's date in the calendar, the days you select, the wallet chips in Finance and more. Change this one colour and all of them turn at once.
There are 12 ready-made colours waiting for you. If you want something outside them, type your own colour code into the box underneath and press Apply. And if you have a colour in mind but not its code, no problem: click the coloured square and a colour picker opens, you pick the shade you like and its code drops into the box by itself. To go back to Pumpynotes yellow, click Reset to default. The three small icons on the left switch tabs: Palette holds the ready-made colours, Recent the ones you picked last, and Favorites the ones you starred.
The two tabs at the top let you set the Background and the Text colour separately. Leaving Text on Auto is usually enough; Pumpynotes picks whichever stays readable. Choose one yourself and it warns you if the colour would get lost against the background.
Appearance
Theme, accent colour, font and accessibility preferences.
CancelSave
Accent Color
Used for buttons, selections, and highlights
Background
AText
#8b5cf6
Apply
Reset to default
Pick purple and the Save button turns purple too, its text automatically going white
4
Set the font and its size
You can choose the typeface as well. There are 10 fonts; each one previews in its own letters, with its family named underneath: six Sans-serif, two Serif, one System and one Mono. If you write long passages the serifs are worth a try; if you work mostly with code or tables, Mono keeps digits aligned and easier to read.
There are three text sizes: Small, Medium and Large. Whichever you pick applies everywhere in the app.
Font
Aa Bb CcInterSans-serif
Aa Bb CcDM SansSans-serif
Aa Bb CcPoppinsSans-serif
Aa Bb CcNunitoSans-serif
Aa Bb CcRobotoSans-serif
Aa Bb CcSpace GroteskSans-serif
Aa Bb CcLoraSerif
Aa Bb CcPlayfair DisplaySerif
Aa Bb CcSystemSystem
Aa Bb CcMonospaceMono
Font Size
SmallMediumLarge
Every font previews in its own letters; the size affects the whole app
5
The accessibility switches
Scroll to the bottom of the page and you reach the Accessibility section. Both switches here look small but change day to day use noticeably. Compact Mode tightens the spacing, which is exactly what its description says: Less spacing, show more content. If you work on a small screen, or you're tired of scrolling through long lists, visibly more rows fit on the same screen.
Reduced Motion, meanwhile, disables animations and transitions. Menus opening and closing, moving between pages, nothing glides any more; everything simply appears in place. If motion bothers you, or you want a smoother ride on an older device, this switch is for you.
Accessibility
Compact Mode
Less spacing, show more content
Reduced Motion
Disable animations and transitions
The two switches work independently; leave on whichever you want
6
Don't forget to save
Every change you make on this page shows on screen straight away. But careful: what you're looking at isn't saved yet. The moment you change something, Save and Cancel buttons appear at the top right of the page.
Happy with it? Press Save and your new look is ready. Changed your mind? Cancel takes you back to your old settings. And if you leave the page without touching either, there's nothing to lose: Pumpynotes undoes the unsaved experiment and returns to the last look you saved. So try as much as you like.
Appearance
Theme, accent colour, font and accessibility preferences.
CancelSave
The two buttons appear only while an unsaved change exists
Your appearance settings are saved to your account, not to your browser. Sign in from a new computer or phone and the theme, colour and font you chose greet you there too; there's nothing to set up again.
Frequently asked questions
Do my settings apply on my other devices?
Yes. Your appearance preferences are saved to your account rather than your device, so every browser you sign in from shows the same look. Pumpynotes also keeps a copy in your browser, purely so the page can paint in the right theme while it loads; the real record lives in your account.
What exactly does the System theme do?
It leaves the decision to your device. If your phone, tablet or computer is in dark mode, Pumpynotes looks dark; when it returns to light mode, Pumpynotes follows. If your device switches automatically during the day, Pumpynotes keeps up with it.
How do I put the accent colour back to the default?
With Reset to default under the colour picker. It puts the colour back to Pumpynotes yellow and sets the text colour to Auto. If you only want the text colour reset, the Reset to default on the Text tab returns it to Auto and leaves your chosen background colour alone.
Do these settings need a paid plan?
No. Every option on the Appearance page is open on all plans, Free included: the theme, 12 accent colours plus a custom one, 10 fonts, three text sizes and the two accessibility switches.
What does Compact Mode change?
It tightens the spacing in the interface, so more content fits on the same screen. It doesn't shrink the text; you set that separately in the Font Size section. Use both together and you get the densest view.
What happens if I don't save a change?
Nothing. What you changed is only a preview; leave the page without pressing Save and Pumpynotes returns to the last look you saved. Don't be shy about experimenting, you can't make anything permanent by accident.