Skip to content

Instantly share code, notes, and snippets.

@mreed4

mreed4/ynab.css

Last active April 8, 2025 05:05
Show Gist options
  • Save mreed4/dd1af233481631d03277313ec3c90f2f to your computer and use it in GitHub Desktop.
Save mreed4/dd1af233481631d03277313ec3c90f2f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. mreed4 revised this gist Apr 8, 2025. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion ynab.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

    /* ==UserStyle==
    @name app.ynab.com/e4bffc7c-b8a4-4ea5-b47e-50df7ca124e4
    @name
    @namespace github.com/openstyles/stylus
    @version 1.0.0
    @description A new userstyle
  2. mreed4 created this gist Apr 8, 2025.
    41 changes: 41 additions & 0 deletions ynab.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

    /* ==UserStyle==
    @name app.ynab.com/e4bffc7c-b8a4-4ea5-b47e-50df7ca124e4
    @namespace github.com/openstyles/stylus
    @version 1.0.0
    @description A new userstyle
    @author Me
    ==/UserStyle== */
    bdi,
    .sidebar-left bdi {
    opacity: 0.15;
    display: none;
    }

    svg use[href="#icon_sprite_check"] {
    opacity: .15;
    display: none;
    }

    .user-data.currency.tabular-nums.negative,
    .user-data.currency.tabular-nums.positive,
    .user-data.currency.tabular-nums.zero,
    .user-data.currency.tabular-nums.cautious {
    font-family: "IBM Plex Mono", monospace !important;
    font-weight: 400;
    font-size: 13px !important;
    }
    .sidebar-left .user-data.currency.tabular-nums.negative {
    background-color: rgba(255, 0, 0, 0.15);
    }
    .nav-account-block .user-data.currency.tabular-nums.positive,
    .sidebar-left .user-data.currency.tabular-nums.zero {
    padding-right: .125rem !important;
    }
    .user-data.currency.tabular-nums.zero {
    opacity: 0.25;
    }
    .ynab-new-budget-available-number.js-budget-available-number.user-data.zero {
    background-color: transparent !important;
    }