[Solved!]How to Change the Background Color in Notion

If you want to change the background color of your Notion page, you have a few different options. You can switch between the light and dark modes which will automatically adjust the color of the entire page. You can also customize the background of individual blocks, such as text or heading blocks. In addition, you can change the background of the Notion database or calendar view. Lastly, you can use hex codes to customize the font color and text box background to any color you like.

What are the benefit for changing the background color in Notion?

By switching between light and dark modes, or changing the color of an individual block, the eyes will be more relaxed and the colors of the elements on the page will “pop” more. This can make text and blocks stand out and be easier to read. Additionally, changing the background color of the Notion database or calendar view can improve readability and make it easier to find the information you are looking for.

Notion how to active dark mode?

Changing the background color of Notion to black mode can rest your eyes and make the page look more geeky and cool. There are two ways to do this, depending on the device you are using. For desktop web browsers, you can change the background color to black mode in the settings. For iOS and Android client users who use the Notion app more frequently, I'll also explain how you can do it in the following tutorial in detail as well.

Desktop web browser users

Desktop web browser users can easily alter their background color by going to their settings and selecting black mode.

  1. To do this, open the Settings & members window from the top of the left-hand sidebar.
  2. In the window's sidebar, select the My notifications & settings tab and use the dropdown to switch between the different options.
  3. Select Light to display light mode, or select Dark to display dark mode.
  4. Additionally, you can use the shortcut cmd/ctrl + shift + L to quickly turn dark mode on or off.

For Android & IOS users

  1. Mobile users can easily change their background color on their Notion app by opening the sidebar in the top right-hand corner.
  2. Selecting the Settings option.
  3. Scroll down to the Appearance section and use the dropdown to switch between the different options.
  4. Select Light to display light mode, or select Dark to display dark mode.

Change the color of certain Notion block

It is easy to customize the color of a Notion block by clicking on the 6 dots on the left and selecting the "Color" option. After that, choose the desired color from the preset options. You can choose to customize the color of the text background or just the color of the text.

Here are the detail steps about how to change the color of certain Notion block

  1. To change the background color of a block in Notion on a PC, launch the Notion app on your web browser and navigate to the page you wish to edit.
  2. Hover over the block and click the multi-dotted icon on the left-hand side.
  3. A menu will appear. Select the "Color" option followed by the "Background" section.
  4. Choose the desired color from the list.

Shortcut command for changing the Notion background color

With Notion's shortcut command, you can change the background color in Notion by just using command on you keyboard, or create colored text or colored blocks directly as you type.

Shortcut command for changing the Notion background color

To change the color in Notion with shortcut, type / followed by the name of the color you want, or type cmd/ctrl+ / followed by the name of the color you want and then enter to apply the color to any text or block of text you input.

Shortcut to create colored text or colored blocks directly

To create colored text or colored blocks directly as you type in Notion, you can use the shortcut command. Type / followed by the name of the color you want, or type cmd/ctrl+ / followed by the name of the color you want and then enter to apply the color to any text or block of text you input.

Here are some examples:

To type a text with red color, type in /red and hit enter. To type a text with red color background, type in /red background and hit enter.

To type a text with blue color, type in /blue and hit enter. To type a text with blue color background, type in /blue background and hit enter.

How to change the background color of Notion database

If you want to change the color of a database in Notion, there's no direct way to do it. However, you can create a toggle block via a shortcut and set its color. Then, you can drag the database into the toggle block and it will take on the color you set for the toggle block.

  1. Create a Toggle List block using the "+" icon or by typing "/" and selecting Toggle List. Apply the text and/or background colour you want to this Toggle List.
  2. Click on the dotted icon next to the block or type / to display the options and search or scroll to your colour.
  3. Place your database on the same page as your new Toggle list of colours, either by creating a new database or moving or linking to an existing one.
  4. Drag the database into the Toggle item.

Unlock Any Color for Your Background with Notion Hex Codes

If you want to change the color of text and background in Notion to any color, you can use a hex code. This will allow you to choose any color you want without any limitations. You can also use the system default color settings, but these are limited in terms of the number of colors available.

To customize Notion text and background colors, hex codes can be used to unlock an array of vibrant colors. Hex codes can be easily found online and used in the Notion code to create beautiful designs. To customize text color,

the code is $ $ \ color {hex code} your text $ $ (without spacings)`. An example of this would be `$\color{#000000}hello$`. To customize the text background color, the code is `$ $ \ colorbox {hex code} {your text} $ $ (without spacings).

An example of this would be $\colorbox{#000000}{hello}$`. To customize both the text and background colors at the same time, the code is `$ $ \ color {hex code} \ colorbox {hex code} {your text} $ $ (without spacings)`. An example of this would be `$\color{#FFFFFF}\colorbox{#000000}{hello}$.

You can play it around and give it a try in your notion page.

Change the background color of a Notion calendar

To change the background color of a Notion calendar, you can create a toggle block, set its color, and then drag the calendar into the toggle block. This will apply the color that you set for the toggle block to the calendar.

How to change background color in Notion table

To change the background color of a Notion table, you can use the following steps:

  1. Create a toggle block via the shortcut by pressing '+' and selecting 'Toggle Block'.
  2. Set the color of the toggle block by clicking the 'multi-dot' icon in the top left corner of the table and selecting the 'Color' option.
  3. Drag the table into the toggle block, which will apply the color you set for the toggle block to the table.

Mentioned Resources

  1. How to Change the Background Color in Notion - YouTube
  2. Appearance settings – Notion Help Center