How to Customize Your Day One Web Experience with Arc Browser
From changing fonts, adjusting colors, or even customizing layouts with code, Arc opens up several helpful customization options to customize your experience.
NOTE: This is available only on Mac at the moment.
Do you ever wish you could tweak the look and feel of Day One on the web to better suit your preferences? With the Arc browser, you can! Arc allows you to fully customize the appearance of any website—including Day One on the web.
In this guide, we’ll walk you through a few tips on how to customize Day One on the web using Arc. You’ll learn how to make simple adjustments, save your configurations, and even use code to fine-tune your setup. Don’t worry—if something doesn’t turn out as expected, you can easily reset and start fresh.
Getting Started
- Download Arc.
Make sure you have the Arc browser installed on your desktop device. You can download it from the official website. - Open Day One on the web.
Navigate to the Day One web app and open it in a new tab in Arc. - Access the Customizer.
Right-click anywhere on your Day One tab and select Customize Page. This will open Arc’s customizer, where you can adjust fonts, colors, and more.
Exploring Customization Options
Whether it’s changing fonts, adjusting colors, or even customizing layouts with code, Arc opens up several helpful customization options to customize your experience.
Fonts and Colors
Once the customizer is open, you’ll see tools for adjusting the website’s fonts and colors. Experiment with the color picker and font selection to create a style that matches your preferences.
You can also shuffle through preset combinations to find a starting point.
Once you’ve picked a preset, you can tweak it further to make it truly yours. Arc even lets you save different configurations, so you can switch between styles effortlessly.
Here’s an example of how Day One on the web can be customized:
Advanced Customization with Code
Want to go beyond basic adjustments? Arc’s customizer includes a Code section where you can use CSS to make advanced changes.
For example, if you’d like to make the editor in Day One wider, you can paste the following code into the Code section:
.is-root-container.block-editor-block-list__layout {
max-width: 900px !important;
}
This changes the editor’s maximum width from 620px to 900px. Before you know it, you’ll go from this:
To this:
More Tips
- Experiment Freely: Try different combinations of fonts, colors, and code tweaks to see what works best for you.
- Reset with Ease: If a customization breaks the layout or doesn’t look quite right, you can always reset everything and start again.
- Save Your Favorites: Don’t forget to save configurations you love, so you can easily switch between styles.
Wrapping Up
Customizing Day One on the web with Arc browser is a fun way to make your journaling experience uniquely yours. Have fun experimenting and creating a setup that inspires your journaling!
