Skip to content

Kbin Catppuccin Mocha by Midou36O

Screenshot of Kbin Catppuccin Mocha
Homepage Write a review Install Get Stylus

Details

AuthorMidou36O

LicenseCC0

Categorykbin.social

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Kbin catppuccin theme, highly experimental and janky.

Notes

Feel free to report any issues and contribute on the gitea repository.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Kbin Catppuccin Mocha
@version      20230701.01.50
@namespace    userstyles.world/user/Midou36O
@description  Kbin catppuccin theme, highly experimental and janky.
@author       Midou36O
@license      CC0
==/UserStyle== */

@-moz-document url-prefix("https://kbin."), url-prefix("https://fedia.io") {
  .theme--dark {
      --kbin-body-bg: #1e1e2e;
      --kbin-bg: #1e1e2e;
      --kbin-bg-nth: #313244;
      --kbin-text-color: #cdd6f4;
      --kbin-link-color: #89b4fa;
      --kbin-link-hover-color: #b4befe;
      --kbin-outline: #fab387 solid 4px;
      --kbin-primary-color: #181825;
      --kbin-text-muted-color: #313244;
      --kbin-success-color: #a6e3a1;
      --kbin-danger-color: #f38ba8;
      --kbin-section-bg: #313244;
      --kbin-section-text-color: var(--kbin-text-color);
      --kbin-section-title-link-color: var(--kbin-link-color);
      --kbin-section-link-color: #85a1c0;
      --kbin-section-link-hover-color: var(--kbin-link-hover-color);
      --kbin-section-border: 1px solid #6c7086;
      --kbin-author-border: 1px dashed var(--kbin-danger-color);
      --kbin-own-border: 1px dashed var(--kbin-success-color);
      --kbin-meta-bg: none;
      --kbin-meta-text-color: #cecece;
      --kbin-meta-link-color: #d9dde5;
      --kbin-meta-link-hover-color: var(--kbin-link-hover-color);
      --kbin-meta-border: 1px dashed #6c7086;
      --kbin-avatar-border: 3px solid #6c7086;
      --kbin-options-bg: #313244;
      --kbin-options-text-color: #6c7086;
      --kbin-options-link-color: #cdd5de;
      --kbin-options-link-hover-color: #e1e5ec;
      --kbin-options-border: 1px solid #6c7086;
      --kbin-options-link-hover-border: 3px solid #e1e5ec;
      --kbin-input-bg: #11111b;
      --kbin-input-text-color: var(--kbin-text-color);
      --kbin-input-border: 1px solid #6c7086;
      --kbin-button-primary-bg: var(--kbin-primary-color);
      --kbin-button-primary-hover-bg: #333;
      --kbin-button-primary-text-color: #fff;
      --kbin-button-primary-text-hover-color: #fff;
      --kbin-button-primary-border: 1px solid #4a4a4a;
      --kbin-button-secondary-bg: #181825;
      --kbin-button-secondary-hover-bg: #45475a;
      --kbin-button-secondary-text-color: var(--kbin-meta-text-color);
      --kbin-button-secondary-text-hover-color: var(--kbin-text-color);
      --kbin-button-secondary-border: 1px dashed #6c7086;
      --kbin-header-bg: var(--kbin-primary-color);
      --kbin-header-text-color: #fff;
      --kbin-header-link-color: #fff;
      --kbin-header-link-hover-color: #e8e8e8;
      --kbin-header-link-active-bg: var(--kbin-options-bg);
      --kbin-header-border: 1px solid #e5eaec;
      --kbin-header-hover-border: 3px solid #fff;
      --kbin-topbar-bg: var(--kbin-section-bg);
      --kbin-topbar-active-bg: #fff;
      --kbin-topbar-active-link-color: #000;
      --kbin-topbar-hover-bg: #282828;
      --kbin-topbar-border: 1px solid #4d5052;
      --kbin-sidebar-header-text-color: #909ea2;
      --kbin-sidebar-header-border: 1px solid #4a4a4a;
      --kbin-vote-bg: #1e1e2e;
      --kbin-vote-text-color: #b6b6b6;
      --kbin-vote-text-hover-color: #fafafa;
      --kbin-alert-info-bg: #fff3cd;
      --kbin-alert-info-border: 1px solid #ffe69c;
      --kbin-alert-info-text-color: #997404;
      --kbin-alert-info-link-color: #997404;
      --kbin-alert-danger-bg: #f8d7da;
      --kbin-alert-danger-border: 1px solid #f5c2c7;
      --kbin-alert-danger-text-color: var(--kbin-danger-color);
      --kbin-alert-danger-link-color: var(--kbin-danger-color);
      --kbin-entry-link-visited-color: #8e939b;
      --kbin-footer-bg: var(--kbin-primary-color);
      --kbin-footer-text-color: #fff;
      --kbin-footer-link-color: #fff;
      --kbin-footer-link-hover-color: var(--kbin-header-link-hover-color);
  }

  /* TODO: Find a way to make this appear instead of the default kbin theme...eventually */
  #logo {
      content: "";
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgaWQ9ImxvZ28iCiAgIHZpZXdCb3g9IjAgMCAzNy4yNTQwNDYgMTQuMTc1NTc5IgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIzNy4yNTQwNDQiCiAgIGhlaWdodD0iMTQuMTc1NTc4IgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMjEyIj4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICAgaWQ9ImEiPgogICAgICA8c3RvcAogICAgICAgICBvZmZzZXQ9IjAiCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiNlYmEwYWM7c3RvcC1vcGFjaXR5OjE7IgogICAgICAgICBpZD0ic3RvcDIwMiIgLz4KICAgICAgPHN0b3AKICAgICAgICAgb2Zmc2V0PSIxIgogICAgICAgICBzdHlsZT0ic3RvcC1jb2xvcjojZjM4YmE4O3N0b3Atb3BhY2l0eToxOyIKICAgICAgICAgaWQ9InN0b3AyMDAiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50CiAgICAgICBpZD0iYiI+CiAgICAgIDxzdG9wCiAgICAgICAgIG9mZnNldD0iMCIKICAgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I2Y1YzJlNztzdG9wLW9wYWNpdHk6MTsiCiAgICAgICAgIGlkPSJzdG9wMjA1IiAvPgogICAgICA8c3RvcAogICAgICAgICBvZmZzZXQ9IjEiCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiNlYmEwYWM7c3RvcC1vcGFjaXR5OjE7IgogICAgICAgICBpZD0ic3RvcDIwNyIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQKICAgICAgIHhsaW5rOmhyZWY9IiNhIgogICAgICAgaWQ9ImMiCiAgICAgICB4MT0iMjMzLjIwODMzIgogICAgICAgeDI9IjIzNS4zNzEzMiIKICAgICAgIHkxPSIxNTUuNTcxOTUiCiAgICAgICB5Mj0iMTU5LjY2MTk5IgogICAgICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyLjYwMDY5ODUsMCwwLDIuNjAwNjk4NSwtNjA2LjAzNjUxLC00MDAuNjk2NjkpIgogICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIC8+CiAgICA8bGluZWFyR3JhZGllbnQKICAgICAgIHhsaW5rOmhyZWY9IiNiIgogICAgICAgaWQ9ImQiCiAgICAgICB4MT0iMjM4LjMyMDg4IgogICAgICAgeDI9IjIzNi4zNTQ1MSIKICAgICAgIHkxPSIxNTQuMDc3NSIKICAgICAgIHkyPSIxNTkuNDY1MzUiCiAgICAgICBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDIuNjAwNjk4NSwwLDAsMi42MDA2OTg1LC02MTAuNjQ3MDEsLTQwMC42OTY2OSkiCiAgICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgLz4KICA8L2RlZnM+CiAgPHBhdGgKICAgICBpZD0ibG9nb3R5cGUiCiAgICAgZD0ibSAyOS45ODkzODEsMy43MDI2MSBjIC0wLjI1MDM4LDAgLTAuNDY1MDQsMC4wODk0IC0wLjY0Mzg4LDAuMjY4MiAtMC4xNzg4NCwwLjE3MTY5IC0wLjI2ODIxLDAuMzgyNjUgLTAuMjY4MjEsMC42MzMwNCAwLDAuMjUwMzggMC4wODk0LDAuNDY1MDQgMC4yNjgyMSwwLjY0Mzg5IDAuMTc4ODQsMC4xNzg4NCAwLjM5MzUsMC4yNjgyIDAuNjQzODgsMC4yNjgyIDAuMjUwMzgsMCAwLjQ2MTM1LC0wLjA4OTQgMC42MzMwNCwtMC4yNjgyIDAuMTc4ODQsLTAuMTc4ODUgMC4yNjgyLC0wLjM5MzUxIDAuMjY4MiwtMC42NDM4OSAwLC0wLjI1MDM5IC0wLjA4OTQsLTAuNDYxMzUgLTAuMjY4MiwtMC42MzMwNCAtMC4xNzE2OSwtMC4xNzg4NCAtMC4zODI2NiwtMC4yNjgyIC0wLjYzMzA0LC0wLjI2ODIgeiBtIC0xMy41MDk3NywwLjIwMzYyIHYgNy42ODMyNCBoIDEuNDA1NiBWIDkuODkzOTYgbCAwLjcwNzk3LC0wLjY5NzYzIDEuNDkxOSwyLjM5MzE0IGggMS42NjI5NSB2IC0wLjA4NTggTCAxOS41ODA3MjEsOC4yMzEgMjEuNjUxMzkxLDYuMjAyNyBWIDYuMTE2OSBoIC0xLjcyNzU0IGwgLTEuOTYzNzEsMS45NzQ1NiBoIC0wLjA3NDkgViAzLjkwNjE5IFogbSA1Ljk5ODA5LDAgdiA3LjY4MzI0IGggMS4zMjAzMyB2IC0wLjY1NDc0IGggMC4wODU4IGMgMC4xNDMwOCwwLjIzNjA3IDAuMzU3MjIsMC40MzMyNyAwLjY0MzM3LDAuNTkwNjYgMC4yOTMzLDAuMTU3MzggMC42MjYzOSwwLjIzNTY0IDAuOTk4MzksMC4yMzU2NCAwLjQ5MzYyLDAgMC45NDAzOSwtMC4xMjE2IDEuMzQxMDEsLTAuMzY0ODIgMC40MDc3NiwtMC4yNTAzOSAwLjcyNjA2LC0wLjU5MzUzIDAuOTU0OTgsLTEuMDI5OTEgMC4yMjg5MiwtMC40NDM1NCAwLjM0MzY1LC0wLjk0Nzk0IDAuMzQzNjUsLTEuNTEzMDkgMCwtMC41NTc5OSAtMC4xMTQ3MywtMS4wNTg3IC0wLjM0MzY1LC0xLjUwMjIzIC0wLjIyODkyLC0wLjQ0MzU0IC0wLjU0NzIyLC0wLjc4NzIgLTAuOTU0OTgsLTEuMDMwNDMgLTAuNDAwNjIsLTAuMjUwMzggLTAuODQ3MzksLTAuMzc1MTcgLTEuMzQxMDEsLTAuMzc1MTcgLTAuMzcyLDAgLTAuNzAxMzksMC4wODIgLTAuOTg3NTMsMC4yNDY1IC0wLjI4NjE2LDAuMTU3MzggLTAuNTAzOTksMC4zNTQwNyAtMC42NTQyMywwLjU5MDE0IGggLTAuMDg1OCBsIDAuMDg1OCwtMC43NzI1NiBWIDMuOTA2MjMgWiBtIDEyLjc1ODkxLDIuMDM5MTUgYyAtMC4zNTA1NCwwIC0wLjY3NjIzLDAuMDc4MyAtMC45NzY2OSwwLjIzNTYzIC0wLjMwMDQ1LDAuMTUwMjQgLTAuNTMyNTcsMC4zNTgwMyAtMC42OTcxMSwwLjYyMjcxIGggLTAuMDg1OCBWIDYuMTE2OTQgaCAtMS4zMTk4MiB2IDUuNDcyNTMgaCAxLjQwNTYgViA4Ljc5OTQ2IGMgMCwtMC40NDM1MyAwLjExNDIxLC0wLjgxMjA1IDAuMzQzMTMsLTEuMTA1MzYgMC4yMzYwNywtMC4yOTMzMSAwLjU0Mzc5LC0wLjQzOTc3IDAuOTIyOTQsLTAuNDM5NzcgMC4zMjE5MiwwIDAuNTcyNTMsMC4wOTY3IDAuNzUxMzgsMC4yODk5MSAwLjE3ODg0LDAuMTkzMTUgMC4yNjgyLDAuNDY0OTIgMC4yNjgyLDAuODE1NDUgdiAzLjIyOTc4IGggMS40MDU2IFYgOC4xODgxMyBjIDAsLTAuNjkzOTIgLTAuMTcxODQsLTEuMjQxNjcgLTAuNTE1MjIsLTEuNjQyMjggLTAuMzQzMzgsLTAuNDAwNjEgLTAuODQ0MDksLTAuNjAwNDggLTEuNTAyMjMsLTAuNjAwNDggeiBtIC01Ljk1NTcxLDAuMTcxNTYgdiA1LjQ3MjUzIGggMS40MDYxMiBWIDYuMTE2OTQgWiBtIC00LjAwMjM0LDEuMTM3NCBjIDAuMjY0NjksMCAwLjUxMTYsMC4wNjgyIDAuNzQwNTIsMC4yMDQxMiAwLjIyODkzLDAuMTI4NzggMC40MTEzNCwwLjMxNDM3IDAuNTQ3MjYsMC41NTc1OSAwLjEzNTkyLDAuMjQzMjIgMC4yMDM2LDAuNTIyMzggMC4yMDM2LDAuODM3MTUgMCwwLjMxNDc4IC0wLjA2NzcsMC41OTM5MyAtMC4yMDM2LDAuODM3MTYgLTAuMTM1OTIsMC4yNDMyMyAtMC4zMTgzMywwLjQzMjUxIC0wLjU0NzI2LDAuNTY4NDQgLTAuMjI4OTIsMC4xMzU5MiAtMC40NzU4MywwLjIwNDEyIC0wLjc0MDUyLDAuMjA0MTIgLTAuMjU3NTMsMCAtMC41MDA3NSwtMC4wNjgyIC0wLjcyOTY3LC0wLjIwNDEyIC0wLjIyODkzLC0wLjEzNTkyIC0wLjQxMTMzLC0wLjMyNTIxIC0wLjU0NzI1LC0wLjU2ODQ0IC0wLjEzNTkyLC0wLjI0MzIzIC0wLjIwNDEzLC0wLjUyMjM4IC0wLjIwNDEzLC0wLjgzNzE2IDAsLTAuMzE0NzcgMC4wNjgyLC0wLjU5MzkzIDAuMjA0MTMsLTAuODM3MTUgMC4xMzU5MiwtMC4yNDMyMiAwLjMxODMyLC0wLjQyODgxIDAuNTQ3MjUsLTAuNTU3NTkgMC4yMjg5MiwtMC4xMzU5MiAwLjQ3MjE0LC0wLjIwNDEyIDAuNzI5NjcsLTAuMjA0MTIgeiIKICAgICBmaWxsPSIjZmZmIgogICAgIHN0eWxlPSJmaWxsOiMxMTExMWI7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgPHBhdGgKICAgICBkPSJtIDIuNjk0ODIwNiwzLjg5MTU4IC0xLjgwNzY1MDAyLDAuMDE1NiBjIC0wLjc2Mjc1LDAgLTEuMDEzNzIsMC40NzgwMSAtMC44MjkyOCwxLjE2NjM3IGwgMS42NjU3NTAwMiw3LjM5OTg3IGMgMC4zNjYzMywxLjM2NzEzIDAuNjEwNzcsMS42MTQwOSAwLjg2MjE4LDEuNjE0MDkgaCAwLjQ4MTYgYyAwLjk1Mzk5LDAgMS4yOTEyMiwtMC41NzE2IDEuNjYyNjIsLTEuNjE0MDkgbCAyLjYzMzU4LC03LjM5OTg3IGggLTMuNDY3ODggYyAtMC4yNDcwNywtMC41NTM0MyAtMC4zMzE5LC0xLjE4MTE2IC0xLjIwMDksLTEuMTgxMTYgeiIKICAgICBzdHlsZT0iZmlsbDp1cmwoI2MpIgogICAgIGlkPSJwYXRoMjE1IiAvPgogIDxwYXRoCiAgICAgZD0ibSA4LjQ5NjY2MDYsMCBoIDQuMjQ0ODQwNCBjIDAuMzQwNjEsMCAxLjA0NjcsMC4xOTQwMSAwLjc2NzcyLDEuMDA3MTIgTCA5Ljk4NDM3MDYsMTIuODMyMDMgYyAtMC4zNjQ0NywxLjAyMjAyIC0wLjY5ODIxLDEuMjU0NiAtMS43Njk4OCwxLjI1NDYgaCAtNS42Mjg2NyBjIDAuMjkyNTUsMCAwLjYwMjc2LC0wLjU3MDcgMC45NzQyLC0xLjYxMzIxIGwgMy4zNTE2NSwtMTEuMzM5NyBDIDcuMTU2NjUwNiwwLjQ4MzEgNy40ODI2ODA2LDAgOC40OTY2NjA2LDAgWiIKICAgICBzdHlsZT0iZmlsbDp1cmwoI2QpIgogICAgIGlkPSJwYXRoM...

Reviews

No reviews yet.