[Bug] AnuPpuccin seems slow

[Leo310]

Describe the bug Navigating Obsidian is slow.

Performance measurement with AnuPpuccin installed: Navigating between tabs takes nearly 1 second.

To Reproduce Steps to reproduce the behavior:

1. Installing AnuPpuccin as a theme
2. Use this config:

   {
   "anuppuccin-theme-settings@@anuppuccin-theme-light": "ctp-latte",
   "anuppuccin-theme-settings@@anuppuccin-theme-accents": "ctp-accent-rosewater",
   "anuppuccin-theme-settings@@ctp-custom-pink@@dark": "#FF79C6",
   "anuppuccin-theme-settings@@ctp-custom-red@@dark": "#FF5555",
   "anuppuccin-theme-settings@@ctp-custom-peach@@dark": "#FFB86C",
   "anuppuccin-theme-settings@@ctp-custom-yellow@@dark": "#F1FA8C",
   "anuppuccin-theme-settings@@ctp-custom-green@@dark": "#50FA7B",
   "anuppuccin-theme-settings@@ctp-custom-teal@@dark": "#BD93F9",
   "anuppuccin-theme-settings@@ctp-custom-blue@@dark": "#6272A4",
   "anuppuccin-theme-settings@@ctp-custom-lavender@@dark": "#BD93F9",
   "anuppuccin-theme-settings@@ctp-custom-lavender@@light": "#BD93F9",
   "anuppuccin-theme-settings@@anp-active-line": "anp-current-line-border",
   "anuppuccin-theme-settings@@anp-callout-select": "anp-callout-sleek",
   "anuppuccin-theme-settings@@anp-callout-color-toggle": true,
   "anuppuccin-theme-settings@@anp-custom-checkboxes": true,
   "anuppuccin-theme-settings@@anp-codeblock-numbers": true,
   "anuppuccin-theme-settings@@anp-th-highlight": true,
   "anuppuccin-theme-settings@@anp-td-highlight": "anp-td-none",
   "anuppuccin-theme-settings@@anp-table-highlight-opacity": 0.5,
   "anuppuccin-theme-settings@@anp-table-align-th": "center",
   "anuppuccin-theme-settings@@anp-table-align-td": "left",
   "anuppuccin-theme-settings@@anp-kanban-card-opacity": 1,
   "anuppuccin-theme-settings@@anp-kanban-card-radius": 6,
   "anuppuccin-theme-settings@@anp-kanban-card-spacing": 8,
   "anuppuccin-theme-settings@@anp-kanban-hide-lane-border": true,
   "anuppuccin-theme-settings@@anp-kanban-lane-opacity": 1,
   "anuppuccin-theme-settings@@anp-autohide-titlebar": true,
   "anuppuccin-theme-settings@@anp-cursor": "pointer",
   "anuppuccin-theme-settings@@anp-toggle-scrollbars": true,
   "anuppuccin-theme-settings@@anp-header-color-toggle": true,
   "anuppuccin-theme-settings@@anp-h1-color-custom": "anp-h1-lavender",
   "anuppuccin-theme-settings@@anp-h2-color-custom": "anp-h2-peach",
   "anuppuccin-theme-settings@@anp-background-image-toggle": true,
   "anuppuccin-theme-settings@@anp-background-image-light": "url(\"https://external-preview.redd.it/LsD1tehkpwFSC9_LA1sCgNhWIPwqqX3jhodzoBXVDx0.png?format=pjpg&auto=webp&s=0fa5e2bfc7c82ef78db58089fa35d2601247bb07\")",
   "anuppuccin-theme-settings@@anp-background-image-dark": "url(\"https://external-preview.redd.it/LsD1tehkpwFSC9_LA1sCgNhWIPwqqX3jhodzoBXVDx0.png?format=pjpg&auto=webp&s=0fa5e2bfc7c82ef78db58089fa35d2601247bb07\")",
   "anuppuccin-theme-settings@@anp-custom-bg-brightness-dark": 0.7,
   "anuppuccin-theme-settings@@anp-custom-bg-blur-dark": 2,
   "anuppuccin-theme-settings@@anp-custom-bg-card-fg-opacity-dark": 0.8,
   "anuppuccin-theme-settings@@anp-colorful-frame-opacity": 1,
   "anuppuccin-theme-settings@@anp-floating-header": true,
   "anuppuccin-theme-settings@@anp-custom-vault-toggle": true,
   "anuppuccin-theme-settings@@anp-status-bar-select": "anp-floating-status-bar",
   "anuppuccin-theme-settings@@anp-alt-tab-style": "anp-alternate-tab-toggle",
   "anuppuccin-theme-settings@@anp-layout-select": "anp-card-layout",
   "anuppuccin-theme-settings@@anp-card-layout-actions": true
   }

Expected behavior When measuring the performance without AnuPpuccin: Changing the tab takes around 360ms.

Additional context I would love to use AnuPpuccin, because it is so customizable and looks really beautiful, but it is just too slow atm

[AnubisNekhet]

I'd consider this more of a long-term goal since refactoring takes time and I'm not sure I'll be able to do it at the moment. I'll keep refactoring in mind regardless. Thank you for pointing this out!

[Leo310]

Ok I see. I just wonder what causes this, because only CSS wouldn't decrease the performance that much, would it?

[jsigncstx]

Hey helloo! the same thing happens to me, Obsidian is too slow when activate the plugin. Would you solve it? it'd be very useful for me. Thanks so much

[prurph]

I've noticed the same thing. In a fresh vault with no plugins, a single note of even 50 lines is very slow to scroll when AnuPpuccin is enabled. Switching the theme to default or another theme resolves the issue.

[davidilic]

@AnubisNekhet I have found that plugin performance is excellent when you don't have a custom background image enabled. As soon as you enable that, performance degrades so much that Obsidian is just not usable.