Skip to the content
hippo

large-type

  1. large-type (github.com/VanitasCaesar1/hippo)
    by Vanitas Caesar | v1.0.0 | theme pack | reviewed 2026-11-12 | web theme | hippo add large-type --registry <path to index.json>

About

A larger base size and line height for reading.

maintainers: VanitasCaesar1

owner: VanitasCaesar1 (first-party)

licence: MIT

Source

repository: github.com/VanitasCaesar1/hippo

directory: packs/large-type

commit: c2590adf628f4586f75f2d6a44d0c246a011bec9

github.com/VanitasCaesar1/hippo//packs/large-type@c2590adf628f4586f75f2d6a44d0c246a011bec9

pack hash: dd079e97cda3c5da5c752a0b0f7b615f91fefea5402f80da7536f0c371d80df6

Install

hippo add large-type --registry <path to index.json>

Theme

  • theme web: theme.css, contract 1, 884 bytes

Review

review 01M77CRVN9GVJY1ZQ4T5T6B7Q6: confirm, 2026-11-12

reviewer: pack-reviewer

large-type 1.0.0 is a web-only theme pack: pack.toml, an MIT LICENSE, a README and a theme.css of 884 bytes for contract 1. It has no passes, prompts, personas, templates or desktop theme.json, so no dreaming model or note is involved. theme.css contains only `:root` blocks that set the contract's `--hp-*` custom properties. It has no selectors of its own, no @import, no url(), no font or image, and no content or display property, so it cannot hide, move or relabel sources, reviews, warnings or counts. It uses no branding. The README describes what it does accurately: titles and the top bar at 1.25rem (20px), text at 1.125rem (18px), meta at 1rem (16px), a line height of 1.6, a content width of 90%, an indent of 24px and a mark size of 28px. Under prefers-color-scheme: dark it applies a dark palette that the README says is the contract's own dark defaults. That keeps the theme following the device, and none of those values hides anything. The README says the 90% width applies 'on wide screens', but the CSS sets it without a media query. This is most likely the contract's width variable being applied only at wide widths, not a misdescription. It changes nothing beyond the content width. I found no instructions aimed at the reviewer or at agents, no hidden or encoded content, and no unexplained extras.

README.md (1780 bytes)

# Large type

A theme that makes the text on the registry and feed pages larger and gives it a taller line, for reading.

## What it changes

- **Web (`theme.css`)**: the three text sizes (titles and the top bar at 20 pixels, post and comment text at 18, meta lines at 16), the line height (1.6), the content width (90% on wide screens), the indent per comment level and the size of the hippo mark. It also gives the contract's own dark colours to a device set to dark, so a page that used `auto` before still follows the device. In the light scheme the colours are the contract's defaults.
- **Desktop**: nothing. It has no `theme.json`; Hippo.app's text size is its own setting and its theme's `font_size`.

## Nothing in it runs

A theme is data. `theme.css` holds only `:root` blocks that set the contract's custom properties, with no selector of its own, no import, no URL and no font to download. `hippo add` checks it against the rules for shared themes before it writes anything, including the contrast floors, and a pack review reads it too.

## How to choose it

The feed is not deployed yet, so to see the web theme, build the registry site from a checkout (`hippo-registry build`) and add the lines of `theme.css` to the end of the `hippo.css` it writes.

- **The feed** (not deployed): when the feed lists this pack, its `/themes` page offers it with a *use* button for a signed-in member. Your own pages then use it in place of a built-in theme. The sign-in, settings and admin pages keep a built-in theme, so you can always get back.
- **Hippo.app**: it reads desktop themes only, so it does not list this pack.

## Notes

Larger type makes lines wrap sooner, which is the point. A browser's own text size setting scales these sizes too, because they are in `rem`.

LICENSE (1071 bytes)

MIT License

Copyright (c) 2026 Vanitas Caesar

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

pack.toml (203 bytes)

protocol = "HIPPO_V1"
name = "large-type"
kind = "theme"
version = "1.0.0"
description = "A larger base size and line height for reading."
authors = ["Vanitas Caesar"]
license = "MIT"
theme_contract = 1

theme.css (884 bytes)

/* Large type: bigger sizes and a taller line for reading. Colours are the
   contract's own light and dark values, so the page still follows the
   device. */
:root {
  --hp-size-title: 1.25rem;
  --hp-size-text: 1.125rem;
  --hp-size-meta: 1rem;
  --hp-line: 1.6;
  --hp-content-width: 90%;
  --hp-indent: 24px;
  --hp-mark-size: 28px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --hp-page-bg: #121212;
    --hp-content-bg: #1b1b1b;
    --hp-text: #e8e6e1;
    --hp-muted: #a6a6a6;
    --hp-link: #e8e6e1;
    --hp-link-visited: #a6a6a6;
    --hp-bar-bg: #1e2a4a;
    --hp-bar-text: #ffffff;
    --hp-bar-focus: #ffffff;
    --hp-vote: #8c8c8c;
    --hp-focus: #a9bdf0;
    --hp-rule: #333333;
    --hp-code-bg: #262626;
    --hp-input-bg: #232323;
    --hp-input-text: #e8e6e1;
    --hp-input-border: #8c8c8c;
    --hp-error: #ff8f85;
    --hp-color-scheme: dark;
  }
}