Skip to content

Pebble theme for Mastodon by blobcat

Screenshot of Pebble theme for Mastodon
Homepage Write a review Install Get Stylus

Details

Authorblobcat

LicenseMIT

Categorypebble

Created

Updated

Code size283 kB

Code checksumb9e4fff2

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

T2/Pebble theme for Mastodon

Notes

Please raise issues on GitHub. The theme follows your Mastodon theme, if you want light themed Pebble, change to "Mastodon Light" in Preferences.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Pebble theme for Mastodon
@namespace      github.com/blobcatz/pebble-mastodon-theme
@version        1.1.1
@description    T2/Pebble theme for Mastodon
@author         blobcat
@preprocessor   stylus

============================================================================================================================================================================================
||                                                                                                                                                                                        ||
||   If you are on instance other than pebble.social and you want to use this theme for yourself, make sure you don't lose automatic updates when the theme updates follow these steps:   || 
||   1. On the left side click the "Settings" button, you will see on the right side "Style settings".                                                                                    ||
||   2. In "Custom included sites" type in your instance in the format "*://example.com/*" and click "Save" if you "on change" isn't checked.                                             ||
||   3. Done.                                                                                                                                                                             ||
||                                                                                                                                                                                        ||
============================================================================================================================================================================================

==/UserStyle== */
@-moz-document domain("pebble.social") {
    .theme-default,
    .theme-contrast {
        --background: #0F0F0F;
        --search-background: #15192C;
        --secondary-background: #1e2236;
        --border: 1px solid #2C355D;
        --border-color: #1f2937;
        --item-hover: #15171F;
        --text-color: white;
        --logo: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjY2LjM3NiIgdmlld0JveD0iMCAwIDUzLjUyNiAxNy41NjIiIHJvbGU9ImltZyIgYXJpYS1sYWJlbGxlZGJ5PSJQZWJibGUgbG9nbyIgY2xhc3M9InRleHQtbWFpbiBoaWRkZW4geGw6aW5saW5lIj48cGF0aCBmaWxsPSIjRDJEMkQyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMjAuMDQ0IDE1MS42MDZjLS41OTguNTk4LTEuMzk3LjkxLTIuMjczLjkxLTEuMDEgMC0xLjc3Ni0uMjktMi4xNTUtMS4yOTYtLjMzLS44NzUtLjI4Ny0xLjU5OC0uMjg3LTEuNTk4cy4wNy0zLjguMTA2LTQuNzI4Yy4wMDgtLjg2LjIxLTQuNzE4LjIxLTQuNzE4czAtLjQ3LjM5Ni0uNDdjLjMwNyAwIC45MzMuMjQxLjg0Ny43ODUgMCAuNjE4LS4zMSAyLjE5OC0uMzggMy44NjNzLS4wOTIgMy44NjMtLjEwOSA0LjQ5MmMuNDk4LTEuMzYxIDIuMTUxLTMuMTEzIDMuMzcyLTMuMTEzIDEuMjk3IDAgMS42NTcgMS4xNDUgMS42NTcgMi4xMTQgMCAxLjUyNC0uNTI1IDIuOS0xLjM4NCAzLjc1OXptLjI1MS0zLjYyNWMwIDEuMDg1LS4yNTEgMS44MjItLjg1IDIuNTRoLS4wMDJzLS43NjUgMS4wMi0xLjg5NS45NTFjLS43NzUtLjA0OS0uNzg4LS41NC0uNjg4LS45MTUuMzEtMS4xNDUgMi4wMzgtMy42NDMgMi43NzYtMy42NDMuNDggMCAuNjU5LjQ2NS42NTkgMS4wNjd6TTExMy4zNTUgMTUxLjYwNmMtLjU5OC41OTgtMS4zOTcuOTEtMi4yNzMuOTEtMS4wMSAwLTEuNzc2LS4yOS0yLjE1NC0xLjI5Ni0uMzMtLjg3NS0uMjg4LTEuNTk4LS4yODgtMS41OThzLjA3LTMuOC4xMDctNC43MjhjLjAwOC0uODYuMjA4LTQuNzE4LjIwOC00LjcxOHMwLS40Ny4zOTctLjQ3Yy4zMDcgMCAuOTMzLjI0MS44NDcuNzg1IDAgLjYxOC0uMzEgMi4xOTgtLjM4IDMuODYzcy0uMDkyIDMuODYzLS4xMDkgNC40OTJjLjQ5OC0xLjM2MSAyLjE1MS0zLjExMyAzLjM3My0zLjExMyAxLjI5NiAwIDEuNjU2IDEuMTQ1IDEuNjU2IDIuMTE0IDAgMS41MjQtLjUyNSAyLjktMS4zODQgMy43NTl6bS4yNTEtMy42MjVjMCAxLjA4NS0uMjUgMS44MjItLjg0OSAyLjU0aC0uMDAzcy0uNzY1IDEuMDItMS44OTQuOTUxYy0uNzc2LS4wNDktLjc4OS0uNTQtLjY4OC0uOTE1LjMxLTEuMTQ1IDIuMDM3LTMuNjQzIDIuNzc1LTMuNjQzLjQ4IDAgLjY2LjQ2NS42NiAxLjA2N3pNMTAxLjIxIDE1MS42MjNjLS42Mi41NjMtMS4zOTcuOTEtMi4yNzMuOTEtMS4xOTYgMC0xLjg3Ni0uMzg4LTEuODc2LS4zODggMCAzLjIxNy4xOTggMy43MDMuMTk4IDQuMzYxIDAgLjQ4My0uMzM4Ljc1Ni0uNzc3Ljc1Ni0uNDQgMC0uNTQtLjMxMS0uNTQtMS4xODMgMC0xLjIuMDgtNC40MzguMTU5LTYuODAzLjA2LTEuNzg1LjE1OC0zLjEyMi4xNTgtMy4yOTQgMC0uNDI3LjE1OS0uNTgxLjQtLjU4MS40IDAgLjg1Ny4yOS44NTcuNjc4IDAgLjM4OS0uMSAxLjE2My0uMjIgMS45NC0uMTE5Ljc3Ni0uMSAxLjc4NC0uMSAxLjc4NC40NzktMS4wNjcgMi40NDUtNC4wNTIgMy43NDEtNC4wNTIgMS4yOTcgMCAxLjY1NyAxLjE0NCAxLjY1NyAyLjExMyAwIDEuMTYzLS4xNzMgMS45OTgtLjY3MyAyLjg1MnptLjI1MS0zLjYyNWMwIDEuMDg1LS4yNTEgMS44MjMtLjg1IDIuNTRoLS4wMDJzLS43NjUgMS4wMi0xLjg5NS45NTFjLS43NzUtLjA0OC0uNzg4LS41NC0uNjg4LS45MTUuMzEtMS4xNDQgMi4wMzgtMy42NDMgMi43NzYtMy42NDMuNDc5IDAgLjY1OS40NjUuNjU5IDEuMDY3eiIgY2xpcC1ydWxlPSJldmVub2RkIiBzdHlsZT0iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguMzE3IC0xMzkuNykiIHN0cm9rZS13aWR0aD0iMC4yNjQ1ODNweCI+PC9wYXRoPjxwYXRoIGZpbGw9IiNEMkQyRDIiIGQ9Ik0xMDIuODczIDE0OS43MDNjMC0yLjE3IDEuNTE2LTMuOTU1IDIuNzkyLTMuOTU1LjkxOCAwIDEuMjU2LjQyNyAxLjI1NiAxLjE4MyAwIDEuNjEtMS43NTQgMy4xNi0yLjUxMyAzLjY2NC4xMTkuNjU5LjYzOCAxLjA2NyAxLjU5NSAxLjA2NyAxLjIzIDAgMS40ODEtLjg5IDIuMDI2LS45ODEuMTggMCAuNC4yMTMuNC4zODgtLjQ0Ni44NjItMS42NCAxLjQ0Ny0yLjYyMSAxLjQ0Ny0xLjY3NSAwLTIuOTMyLTEuMDI2LTIuOTMyLTIuODF6bTIuOTcyLTIuNzM0YzAtLjIzNC0uMS0uMzI5LS4yOC0uMzI5LS40NTkgMC0xLjM1NiAxLjUxMy0xLjM1NiAyLjkwOS41OTgtLjM2OCAxLjYzNi0xLjM5NyAxLjYzNi0yLjU4ek0xMjYuMjg3IDE0OS43MDNjMC0yLjE3IDEuNTE2LTMuOTU1IDIuNzkxLTMuOTU1LjkxOCAwIDEuMjU3LjQyNyAxLjI1NyAxLjE4MyAwIDEuNjEtMS43NTQgMy4xNi0yLjUxNCAzLjY2NC4xMi42NTguNjM4IDEuMDY3IDEuNTk2IDEuMDY3IDEuMjMgMCAxLjQ4MS0uODkgMi4wMjYtLjk4MS4xOCAwIC40LjIxMy40LjM4OC0uNDQ3Ljg2Mi0xLjY0IDEuNDQ3LTIuNjIyIDEuNDQ3LTEuNjc1IDAtMi45MzItMS4wMjYtMi45MzItMi44MXptMi45NzEtMi43MzRjMC0uMjM0LS4xLS4zMjktLjI4LS4zMjktLjQ1OCAwLTEuMzU1IDEuNTEyLTEuMzU1IDIuOTA5LjU5OC0uMzY4IDEuNjM1LTEuMzk3IDEuNjM1LTIuNTh6IiBzdHlsZT0iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguMzE3IC0xMzkuNykiIHN0cm9rZS13aWR0aD0iMC4yNjQ1ODNweCI+PC9wYXRoPjxwYXRoIGZpbGw9IiMzRTFFNUQiIGQ9Ik04OC43MTIgMTM5LjgyN2MtNC4zNjguNjY0LTEwLjgxIDUuMjE1LTEwLjM3NCA4LjkyMi4zODUgMy4yNjYgNC43MzIgNS4zMTcgOS4xMDMgNC42NTMgNC4zNjgtLjY2NCA1LjgwMy0zLjc4MiA2LjAxOC03LjA2LjEyOC01LjI1OC0uMzc2LTcuMTgxLTQuNzQ3LTYuNTE1eiIgc3R5bGU9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4LjMxNyAtMTM5LjcpIiBzdHJva2Utd2lkdGg9IjAuMjY0NTgzcHgiPjwvcGF0aD48cGF0aCBmaWxsPSIjNTkxRUQ3IiBkPSJNODkuNjk3IDEzOS44NDRjLTMuODY5LjY2LTEwLjA1NyA1LjE3My05LjY3IDguODYzLjM0IDMuMjUgNC4xOSA1LjI5MiA4LjA2MSA0LjYzIDMuODY4LS42NiA1Ljc2LTMuNzY0IDUuOTUtNy4wMjYuMTkxLTMuMjYzLS40Ny03LjEzLTQuMzQxLTYuNDY3eiIgc3R5bGU9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4LjMxNyAtMTM5LjcpIiBzdHJva2Utd2lkdGg9IjAuMjY0NTgzcHgiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTAuNjggMTQ4LjIxOGMuMjgxLjI3Mi4zMjkuNzA3LjA4OCAxLjAxLS43OC45ODgtMi4xMjIgMS43NzItMy44MjMgMS43NzJzLTMuMDgtLjc1NC0zLjgyOS0xLjcyOGEuNzc0Ljc3NCAwIDAgMSAuMDcyLTEuMDM0LjgyNS44MjUgMCAwIDEgMS4wNS0uMDdjMi41OCAxLjk1MiAzLjM0NiAxLjgxMSA0LjU0NiAxLjI0MyAxLjItLjU2OSAxLjQtMS40NzYgMS44NjgtMS4yMjJsLjAzMi4wMzF6TTkxLjQ1OSAxNDcuMDg5YS44OTUuODk1IDAgMCAwIC45MDctLjg4Mi44OTUuODk1IDAgMCAwLS45MDctLjg4Mi44OTUuODk1IDAgMCAwLS45MDguODgyYzAgLjQ4Ny40MDcuODgyLjkwOC44ODJ6IiBzdHlsZT0iIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzguMzE3IC0xMzkuNykiIHN0cm9rZS13aWR0aD0iMC4yNjQ1ODNweCI+PC9wYXRoPjxwYXRoIGZpbGw9IiNEMkQyRDIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyMi45NDggMTQ4LjQyNWMuMDE0LS45NDYuMDMyLTEuOTczLjAzMi0xLjk3M3MuMDMtMi43ODQuMjM1LTQuMTI3Yy4xMi0uNzc2LjIyLTEuNTUuMjItMS45MzkgMC0uMzg4LS40NTgtLjY3OS0uODU3LS42NzktLjI0MSAwLS40LjE1NS0uNC41ODIgMCAuMDU2LS4wMS4yMzYtLjAyNy41MTYtLjAzMy41NzctLjA5IDEuNTc2LS4xMzIgMi43NzctLjA3OCAyLjM1LS4xNDUgNS4wMzgtLjE0NiA2LjI1bC0uMDAyLjAwNGMuMDczIDEuODMuODcxIDIuNjggMi40MDcgMi42OC43MiAwIDEuODk3LTEuMDA0IDEuOTg1LTEuMzkyLjA1LS4yMTQtLjEwMy0uNDEtLjMwMi0uNDA1LS4xMjQgMC0uMjI2LjA4NC0uMzYzLjE5NS0uMjM4LjE5NC0uNTc5LjQ3Mi0xLjMyLjU0Mi0xLjI0My4xMTgtMS4zNDgtMS4xMDMtMS4zNC0yLjMwMmwuMDA1LS4zOXYtLjAxMmMuMDAyLS4xMTEuMDA0LS4yMi4wMDQtLjMyOHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3R5bGU9IiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4LjMxNyAtMTM5LjcpIiBzdHJva2Utd2lkdGg9IjAuMjY0NTgzcHgiPjwvcGF0aD48L3N2Zz4=");
        .detailed-status__meta > i,
        .status__visibility-icon i,
        .fa-bell-o {
            filter: grayscale(1) brightness(2) !important;
        }
        .reply-indicator__cancel .fa-times {
            filter: brightness(0) !important;
        }
        .fa-check.verified__mark, .verified-badge .fa-check {
            width: 16px;
            height: 16px;
            position: relative;
            top: -2px;
            margin-left: 4px;
            background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik05Ljk5ODk4IDQuNjUyNTlDNy4wMTM5OCA0LjY1MjU5IDQuNTgzOTggNy4wODI1OSA0LjU4Mzk4IDEwLjA2NzZDNC41ODM5OCAxMy4wNTI2IDcuMDEzOTggMTUuNDgyNiA5Ljk5ODk4IDE1LjQ4MjZDMTIuOTg0IDE1LjQ4MjYgMTUuNDE0IDEzLjA1MjYgMTUuNDE0IDEwLjA2NzZDMTUuNDE0IDcuMDgyNTkgMTIuOTg0IDQuNjUyNTkgOS45OTg5OCA0LjY1MjU5Wk0xMi4zODQgOC4wMjAwOUwxMC4yMTY1IDEyLjcyMjZDMTAuMTk0IDEyLjc3NTEgMTAuMTQxNSAxMi44NTAxIDEwLjA5NjUgMTIuODk1MUM5Ljk2ODk4IDEzLjAzMDEgOS43OTY0OCAxMy4xMDUxIDkuNjE2NDggMTMuMTA1MUM5LjQ1ODk4IDEzLjEwNTEgOS4yOTM5OCAxMy4wNDUxIDkuMTY2NDggMTIuOTI1MUw3LjMxMzk4IDExLjE4NTFDNy4wNTE0OCAxMC45Mzc2IDcuMDM2NDggMTAuNTI1MSA3LjI4Mzk4IDEwLjI1NTFDNy41MzE0OCA5Ljk5MjU5IDcuOTUxNDggOS45Nzc1OSA4LjIxMzk4IDEwLjIyNTFMOS4zOTg5OCAxMS4zNDI2TDExLjE4NCA3LjQ2NTA5QzExLjMzNCA3LjEzNTA5IDExLjcyNCA2Ljk5MjU5IDEyLjA1NCA3LjE0MjU5QzEyLjM4NCA3LjI5MjU5IDEyLjUyNjUgNy42ODI1OSAxMi4zNzY1IDguMDEyNTlMMTIuMzg0IDguMDIwMDlaIiBzdHlsZT0iZmlsbDogcmdiKDEwNiwgNjksIDIxNyk7Ii8+CiAgPHBhdGggZD0iTTkuOTk5NzMgMS43NUM1LjQzMjIzIDEuNzUgMS43MTk3MyA1LjQ2MjUgMS43MTk3MyAxMC4wM0MxLjcxOTczIDE0LjU5NzUgNS40MzIyMyAxOC4zMSA5Ljk5OTczIDE4LjMxQzE0LjU2NzIgMTguMzEgMTguMjc5NyAxNC41OTc1IDE4LjI3OTcgMTAuMDNDMTguMjc5NyA1LjQ2MjUgMTQuNTY3MiAxLjc1IDkuOTk5NzMgMS43NVpNOS45OTk3MyAxNi42MDc1QzYuMzkyMjMgMTYuNjA3NSAzLjQ1OTczIDEzLjY3NSAzLjQ1OTczIDEwLjA2NzVDMy40NTk3MyA2LjQ2IDYuMzkyMjMgMy41Mjc1IDkuOTk5NzMgMy41Mjc1QzEzLjYwNzIgMy41Mjc1IDE2LjUzOTcgNi40NiAxNi41Mzk3IDEwLjA2NzVDMTYuNTM5NyAxMy42NzUgMTMuNjA3MiAxNi42MDc1IDkuOTk5NzMgMTYuNjA3NVoiIHN0eWxlPSJmaWxsOiByZ2IoMTA2LCA2OSwgMjE3KTsiLz4KPC9zdmc+");
        }
      ...

Reviews

No reviews yet.