# Dark vibrant acid pink CSS theme i've made and how im using my Anytpe

**URL:** <https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886>\
**Category:** Cases\
**Tags:** Desktop, Accessibility, Experience, Colors, Themes\
**Created:** [May 19, 2025, 8:34pm UTC](https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886 "2025-05-19T20:34:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mizoik](https://community.anytype.io/user_avatar/community.anytype.io/mizoik/32/21294_2.png) [@Mizoik](https://community.anytype.io/u/Mizoik)\
**Post date:** [May 19, 2025, 8:34pm UTC](https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886/1 "2025-05-19T20:34:33Z")

</div>

Hi so it’s my first experience with making a custom theme with CSS in anytype and im not sure if im doing it the right way but it works for me.

Im using [Fira Code font](https://fonts.google.com/specimen/Fira+Code) and you’ll need to install it first on your pc or it will give you times new romans. I like this font for it’s great readability especially when you have a lot of text.

 ![Screenshot_1](https://community-static.anytype.io/original/3X/6/f/6fa8cbe573deeb939f69218c1627a50a588e52c3.png)  
 ![Screenshot_3](https://community-static.anytype.io/original/3X/4/f/4f18264cef6e06d617b433f8b7c25611a95cc34b.jpeg)  
 ![Screenshot_2](https://community-static.anytype.io/original/3X/7/b/7b0c6beee78cd6dd0371a28d21d61564f05cdea8.jpeg)  
 ![image](https://community-static.anytype.io/original/3X/d/1/d1627b67213bff0bca69c07d2b631f6f31dbb666.png)

So i have a simple system wich is just project \> task, then some daily notes, i actually have 3 spaces but after the update i’ve made a new one to just have a cleaner space and im gonna trancfer my notes from my other spaces eventually.

As for the theme i think i may change the colours a bit in the future and update tag colours cuz im not sure if i did it already, and tbh would like to change the graph view colours but idk how to i can’t find them as well for the main selection yellow colour which i’d like to swap to my favourite acid pink.

I actually have a custom theme in Cinema 4d that i use a lot and idk i just like high contrast bright pink blue ui and i wish i could edit anytypes theme as easily as it is avaliable in cinema but yeah it will take time i guess.

 ![Screenshot_6](https://community-static.anytype.io/original/3X/f/a/faab35516fe97e0ec7a448a410db573564a67cf6.png)

Here is the custom CSS file  
[custom.zip](https://community.anytype.io/uploads/short-url/1EjKXhdRpuoO0c1AAquv6LXA8UA.zip) (969 Bytes)

Edit: i actually had some bug after anytype couldn’t update and i had to reinstall it and i didn’t save the custom css anywhere else and so i lost it so this is a second version for the theme

---

<div class="post-metadata">

**Author:** ![haas](https://community.anytype.io/letter_avatar_proxy/v4/letter/h/ed655f/32.png) [@haas](https://community.anytype.io/u/haas)\
**Post date:** [May 24, 2025, 11:27pm UTC](https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886/2 "2025-05-24T23:27:10Z")

</div>

Installed this looks great! I did notice that divider lines were pure black, not sure if your intention or not but I adjusted to --color-shape-primary: hsl(0, 0%, 17%);

cheers!

---

<div class="post-metadata">

**Author:** ![Mizoik](https://community.anytype.io/user_avatar/community.anytype.io/mizoik/32/21294_2.png) [@Mizoik](https://community.anytype.io/u/Mizoik)\
**Post date:** [May 25, 2025, 9:28am UTC](https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886/3 "2025-05-25T09:28:08Z")

</div>

Oh I probably didn’t have those anywhere so didn’t notice

---

<div class="post-metadata">

**Author:** ![Mizoik](https://community.anytype.io/user_avatar/community.anytype.io/mizoik/32/21294_2.png) [@Mizoik](https://community.anytype.io/u/Mizoik)\
**Post date:** [January 21, 2026, 8:24pm UTC](https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886/4 "2026-01-21T20:24:01Z")

</div>

[custom.zip](https://community.anytype.io/uploads/short-url/sUXYk7H4dfVuSQN8T6BRSwRPhmR.zip) (1018 Bytes) Updated the colours

 ![image](https://community-static.anytype.io/original/3X/5/4/54957a821ba43357c8716949d845fe1c9bab3aa1.jpeg)

---

<div class="post-metadata">

**Author:** ![Mizoik](https://community.anytype.io/user_avatar/community.anytype.io/mizoik/32/21294_2.png) [@Mizoik](https://community.anytype.io/u/Mizoik)\
**Post date:** [February 17, 2026, 8:57pm UTC](https://community.anytype.io/t/dark-vibrant-acid-pink-css-theme-ive-made-and-how-im-using-my-anytpe/27886/5 "2026-02-17T20:57:48Z")

</div>

[VIVID.zip](https://community.anytype.io/uploads/short-url/vV2SiQIVW1HYU8KKloci5BePvla.zip) (1006 Bytes)  
Here is my theme updated for the new version v0.54.1 - i changed it quite a bit and i will probably change it again later this might not be too readable in some moments but i just like these colours so whatever. I’ll change it if i want to later/ have the time. i’ll probably change the colours for visibility later on. This one is quite funky so proceed at your on risk. I also changed some things so that grey coloured text and background and tags are driven by the colour grey and not the active controll colour.

 ![image](https://community-static.anytype.io/original/3X/5/7/571244167177d21763395e1812f4599e6ea5fd30.png)

 ![image](https://community-static.anytype.io/original/3X/8/4/845fb31f03d5060bd953da9842ca31ffa0eb147f.jpeg)

 ![image](https://community-static.anytype.io/original/3X/9/a/9af939293294ad344874fb75d9d061b408d787f0.png)
