Files
menologion/eww/menologion.scss
T
funkpower be81c682cb horologion was the wrong book
The Horologion is the Book of Hours: the fixed portions of the services
themselves. This shows the day's commemorations, its fast and its season,
which is a Menologion. Naming it for a book whose contents it does not carry
was a real error and worth the churn to correct.

typikon already uses the word internally, for menologion.py and the data file
it loads. That is not a collision: typikon provides a menologion, this
displays one.

Renamed throughout, not just the repo: the two scripts, the QML component and
its three qmldir modules, MENOLOGION_COLORS, ~/.config/menologion/colors.json,
the eww widgets and scss variables, the waybar class. Verified standalone and
embedded in a foreign shell, and the smoke suite still passes.

Also drops the em dashes from the prose.
2026-09-18 10:52:56 -04:00

63 lines
1.4 KiB
SCSS

// menologion — colours are variables so you can point them at your own theme.
// Defaults are a neutral dark set; override them before the @import.
$menologion-fg: #ebdbb2 !default;
$menologion-fg-dim: #a89984 !default;
$menologion-accent: #d3869b !default;
$menologion-red: #fb4934 !default;
$menologion-yellow: #fabd2f !default;
$menologion-surface: #282828 !default;
$menologion-overlay: #504945 !default;
.menologion {
background-color: rgba(40, 40, 40, 0.82);
border: 1px solid $menologion-overlay;
border-radius: 14px;
padding: 14px;
color: $menologion-fg;
min-width: 400px;
.glyph-big { font-size: 28px; }
.glyph { font-size: 15px; }
.title {
font-weight: bold;
font-size: 13px;
&.feast { color: $menologion-accent; }
}
.sub {
font-size: 10px;
color: $menologion-yellow;
&.obligatory { color: $menologion-red; font-weight: bold; }
}
.cycle {
font-size: 10px;
font-style: italic;
color: rgba(168, 153, 132, 0.8);
}
.fast { font-size: 11px; color: $menologion-fg-dim; }
.rule {
background-color: rgba(80, 73, 69, 0.6);
min-height: 1px;
}
.weekday { font-size: 11px; color: $menologion-yellow; }
.day {
font-size: 10px;
color: $menologion-fg-dim;
&.feast { color: $menologion-accent; }
}
.pascha { font-size: 10px; color: $menologion-fg-dim; }
}
.menologion-bar {
.glyph { font-size: 14px; }
.title { font-size: 12px; }
}