# Experimental New Anytype Theme **URL:** \ **Category:** Cases\ **Tags:** Design-or-UI, Colors, Themes\ **Created:** [July 5, 2024, 2:06am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451 "2024-07-05T02:06:06Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Takashi](https://community.anytype.io/user_avatar/community.anytype.io/takashi/32/777_2.png) [@Takashi](https://community.anytype.io/u/Takashi)\ **Post date:** [July 5, 2024, 2:06am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/1 "2024-07-05T02:06:06Z")
Hey everyone, I was messing around again with custom CSS in Anytype. This time I made a custom theme with a custom gradient background and gaps between each panel. What do you think? ![anytype](https://community-static.anytype.io/original/3X/8/0/809c1713ad1975400984d04efac307dfdb8acec6.jpeg) Please let me know what you think below. I’ll post the custom.css file when I’m confidant it’s bug free. ---
**Author:** ![Hexara](https://community.anytype.io/user_avatar/community.anytype.io/hexara/32/27040_2.png) [@Hexara](https://community.anytype.io/u/Hexara)\ **Post date:** [July 6, 2024, 7:23pm UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/2 "2024-07-06T19:23:35Z")
This is incredible! I love the floating panel style \<3 ---
**Author:** ![Takashi](https://community.anytype.io/user_avatar/community.anytype.io/takashi/32/777_2.png) [@Takashi](https://community.anytype.io/u/Takashi)\ **Post date:** [July 7, 2024, 6:46am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/3 "2024-07-07T06:46:54Z")
Thank you so much for the kind words! I look forward to sharing the custom CSS when I finish fixing just a few more bugs with different screen sizes. ---
**Author:** ![Takashi](https://community.anytype.io/user_avatar/community.anytype.io/takashi/32/777_2.png) [@Takashi](https://community.anytype.io/u/Takashi)\ **Post date:** [July 22, 2024, 5:37am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/4 "2024-07-22T05:37:51Z")
Release of this Anytype theme I’m choosing to call “ **Border** ”! Below here is a link to the theme’s custom.css file. To install, simply copy the custom.css file to your Anytype working directory (accessed by going to “File \> Show working directory” from within Anytype). [custom.css](https://github.com/ThatTakashi/Border-Anytype-Theme/blob/main/custom.css) To download the file, click on the link and hit the “Download RAW” button on the github page ---
**Author:** ![Hexara](https://community.anytype.io/user_avatar/community.anytype.io/hexara/32/27040_2.png) [@Hexara](https://community.anytype.io/u/Hexara)\ **Post date:** [August 3, 2024, 1:46am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/5 "2024-08-03T01:46:06Z")
Thank you for sharing, I love it! But with the recent release, it’s a little bugged: ![image](https://community-static.anytype.io/original/3X/2/e/2e70fe055732cc535f09552954fab0e9e831d202.jpeg) ---
**Author:** ![Takashi](https://community.anytype.io/user_avatar/community.anytype.io/takashi/32/777_2.png) [@Takashi](https://community.anytype.io/u/Takashi)\ **Post date:** [August 3, 2024, 8:10am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/6 "2024-08-03T08:10:55Z")
Hmm i’ll have a look into that. The font thats used in the theme is called “SN Sans”. You will need to install that to your system. It can be found for free by searching the name of the font ---
**Author:** ![Takashi](https://community.anytype.io/user_avatar/community.anytype.io/takashi/32/777_2.png) [@Takashi](https://community.anytype.io/u/Takashi)\ **Post date:** [August 5, 2024, 9:43pm UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/7 "2024-08-05T21:43:05Z")
Thank you for the feedback. I’ve made some changes to the theme file. The theme should be compatible with the new version of Anytype. You can grab the latest version from here: > ---
**Author:** ![VisualNotes](https://community.anytype.io/user_avatar/community.anytype.io/visualnotes/32/17582_2.png) [@VisualNotes](https://community.anytype.io/u/VisualNotes)\ **Post date:** [August 19, 2024, 8:01am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/9 "2024-08-19T08:01:36Z")
I love the ability to add custom CSS in Anytype, but I have not done too much customization so far and have commented on it as much as I can because I’m skeptical about how future-proof the CSS id and class structure and naming is in Anytype. Don’t you have any concerns? After all, every small code change in Anytype can also result in changes to the core CSS rules and thus have an impact on your own implementation and cause further work. ---
**Author:** ![Takashi](https://community.anytype.io/user_avatar/community.anytype.io/takashi/32/777_2.png) [@Takashi](https://community.anytype.io/u/Takashi)\ **Post date:** [August 19, 2024, 8:23am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/10 "2024-08-19T08:23:52Z")
A good point to bring up. I can see your concern with the longevity and stability of using custom CSS. At this point it really is just for tinkerers and people who have some knowledge. To be honest, there is absolutely nothing wrong with the default Anytype UI and in fact I’m quite fond of it. I just love to poke around when the opportunity arises. I would love to see an obsidian like theme marketplace. This would provide an easy way for users to install and update themes from within the app. They already have a base for a feature like this in the form of the template library. Again in it’s current state, themes are really a niche feature in Anytype and aren’t used or posted about much. ---
**Author:** ![VisualNotes](https://community.anytype.io/user_avatar/community.anytype.io/visualnotes/32/17582_2.png) [@VisualNotes](https://community.anytype.io/u/VisualNotes)\ **Post date:** [August 19, 2024, 8:38am UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/11 "2024-08-19T08:38:07Z")
You could say that since the option for custom CSS is an existing feature and not just a hack, Anytype has a certain responsibility to users to maintain some sort of consistency in the CSS structure. ---
**Author:** ![Morgan1989](https://community.anytype.io/letter_avatar_proxy/v4/letter/m/a587f6/32.png) [@Morgan1989](https://community.anytype.io/u/Morgan1989)\ **Post date:** [August 19, 2024, 12:47pm UTC](https://community.anytype.io/t/experimental-new-anytype-theme/22451/12 "2024-08-19T12:47:46Z")
> [@Takashi](#): > > there is absolutely nothing wrong with the default Anytype UI We don’t live in the same universe then 😄 as there is **litteraly** Dozens and Dozens of UI bugs or inconsistency.