{"id":13491,"date":"2022-08-08T14:33:32","date_gmt":"2022-08-08T14:33:32","guid":{"rendered":"https:\/\/www.rjt.org.uk\/home\/?post_type=home_assistant_tip&#038;p=13491"},"modified":"2022-08-08T15:36:41","modified_gmt":"2022-08-08T15:36:41","slug":"getting-larger-fonts-on-small-tablet","status":"publish","type":"home_assistant_tip","link":"https:\/\/www.rjt.org.uk\/home\/archives\/home-assistant-tip\/getting-larger-fonts-on-small-tablet\/","title":{"rendered":"Getting Larger Fonts On Small Tablet"},"content":{"rendered":"\n<p>The tablet being used in the kitchen is a small 7&#8243; one.   The standard Mushroom card fonts we found a little small and on the timer card for the Alexa Timer we needed it to be really large.<\/p>\n\n\n\n<p>To help with the first problem I created a new theme based on the Mushroom Square Theme from <a href=\"https:\/\/github.com\/piitaya\/lovelace-mushroom-themes\">https:\/\/github.com\/piitaya\/lovelace-mushroom-themes<\/a><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"yaml\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">Kitchen:\n    # HA variables\n    ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)\n    ha-card-border-radius: 12px\n    paper-font-body1_-_font-size: 18px\n    # Mushroom layout\n    mush-spacing: 12px\n    # Title\n    mush-title-padding: 24px 12px 16px\n    mush-title-spacing: 12px\n    mush-title-font-size: 24px\n    mush-title-font-weight: normal\n    mush-title-line-height: 1.2\n    # Subtitle\n    mush-subtitle-font-size: 24px\n    mush-subtitle-font-weight: normal\n    mush-subtitle-line-height: 1.2\n    # Card\n    mush-card-primary-font-size: 24px\n    mush-card-secondary-font-size: 20px\n    # Chip\n    mush-chip-spacing: 8px\n    mush-chip-padding: 0 0.25em\n    mush-chip-height: 36px\n    mush-chip-border-radius: 12px\n    mush-chip-font-size: 0.5em\n\n    # You must keep this to support light\/dark theme\n    modes:\n        light: \n            mush-rgb-disabled: 189, 189, 189\n        dark:\n            mush-rgb-disabled: 111, 111, 111<\/pre>\n\n\n\n<p>Secondly I needed to show the remaining time on the timer in a very large font so we could easily see it when cooking.  The card is conditional so only shows when the timer is active.   Note you need to exclude the mush-  from the start of the variables set above in the theme.  This uses Card Mod from HACS.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"yaml\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">type: conditional\nconditions:\n  - entity: sensor.kitchen_sonos_next_timer\n    state_not: unavailable\ncard:\n  type: custom:mushroom-entity-card\n  entity: sensor.kitchen_sonos_next_timer\n  primary_info: state\n  secondary_info: name\n  card_mod:\n    style: |\n      ha-card {\n        --card-primary-font-size: 72px;\n      }\n<\/pre>\n\n\n\n<p>Other interesting items on this dashboard is the Shopping List which is linked via Todoist the Alexa so we can add items while cooking, either by typing them or asking Alexa to add them.   It also shows upcoming birthdays and anniversaries (Anniversaries from HACS), plus upcoming events from our shared calendars, using &#8220;Atomic Calendar Revive&#8221; from HACS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432.png\"><img loading=\"lazy\" decoding=\"async\" width=\"443\" height=\"1024\" src=\"https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432-443x1024.png\" alt=\"\" class=\"wp-image-13493\" srcset=\"https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432-443x1024.png 443w, https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432-130x300.png 130w, https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432-65x150.png 65w, https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432-665x1536.png 665w, https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432-600x1386.png 600w, https:\/\/www.rjt.org.uk\/home\/wp-content\/uploads\/2022\/08\/2022-08-08_153432.png 766w\" sizes=\"auto, (max-width: 443px) 100vw, 443px\" \/><\/a><\/figure>\n","protected":false},"template":"","class_list":["post-13491","home_assistant_tip","type-home_assistant_tip","status-publish","hentry","comments-off"],"_links":{"self":[{"href":"https:\/\/www.rjt.org.uk\/home\/wp-json\/wp\/v2\/home_assistant_tip\/13491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rjt.org.uk\/home\/wp-json\/wp\/v2\/home_assistant_tip"}],"about":[{"href":"https:\/\/www.rjt.org.uk\/home\/wp-json\/wp\/v2\/types\/home_assistant_tip"}],"wp:attachment":[{"href":"https:\/\/www.rjt.org.uk\/home\/wp-json\/wp\/v2\/media?parent=13491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}