gib/Panama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Let a machine say what it is for, and give Firefox its face back

Browse Source 
Phase 4: the optional application categories, and the Firefox chrome.

Everything Panama installed until now was what every machine gets, which meant a
work laptop acquired emulators and a desktop that wanted Steam had to be told
about it by hand. The interview now offers the categories in
setup/packages/extras/ as a checklist -- gaming, creative, communication,
virtualization -- and nothing is preselected, because a default here installs
applications nobody chose on a machine whose owner answered a question they
thought was about something else.

A category is one file, and a category mixes both package managers because the
applications do: Steam is in RPM Fusion, Slack publishes only a flatpak. So a
bare line is a dnf package and a flatpak: line is a Flathub ID, and one file
holds the whole answer rather than splitting each category across two. The menu
is read from the directory rather than written down, so adding a category is
adding a file. Every name in all four was resolved against the actual
repositories before being written down, and the contract re-resolves them --
the point of admitting applications one at a time is that they stay installable,
and a typo here fails on somebody else's machine, not this one.

Firefox is declared, and its chrome is Edge-Frfox, vendored into config/firefox.
sunhat carried that theme with no license and no attribution; it is MIT, and now
it says so and says whose it is.

It is the only piece of Panama's configuration that does not go to a path this
repository chooses. Firefox owns the profile directory, names it with a random
salt, and does not create one until the browser has been run -- so link-dotfiles
finds or creates a profile and links both halves into it. Both, or neither works:
chrome/ is the CSS and user.js sets the preference that makes Firefox read chrome/
at all, without which the theme is a directory of dead files.

Two assumptions there were wrong, and the contract exists for both. Firefox has
moved to the XDG directories -- the profile root is ~/.config/mozilla/firefox on
this build, not ~/.mozilla/firefox, and writing to the wrong one themes nothing
and says nothing about it. And -CreateProfile turns out to be non-interactive, so
a fresh machine gets the theme on the first install rather than the second. The
contract runs link-dotfiles for real against a throwaway home with no profile in
it and looks at what came out; it was checked by pointing the search at the
legacy path only and watching it fail.

Also: the enrolment/enrollment spellings from the last commit are corrected. This
repository is US-spelled everywhere else -- color 1131 times against colour never
-- and consistency in prose is worth as much as it is in code.

Claude-Session: https://claude.ai/code/session_01NvgBuSWB5sE43yWmg21ozj
This commit is contained in:
Gabriel Brown
2026-08-20 21:24:15 -04:00
parent b319d1a5e1
commit 88497826ec
168 changed files with 6293 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/firefox/chrome/content/common.css
+105
View File
@@ -0,0 +1,105 @@
/* Edge-Frfox - content/common.css */
/*
MARK: Default colours
*/
@-moz-document url-prefix(about:) {
:root {
--in-content-page-color: light-dark(#252525, #fff) !important;
--in-content-page-background: light-dark(#f7f7f7, #252525) !important;
--in-content-deemphasized-text: light-dark(#666, #bbb) !important;
--in-content-box-background: light-dark(#fff, #333) !important;
--in-content-box-background-odd: light-dark(rgb(0 0 0 / .05), rgb(255 255 255 / .05)) !important;
--in-content-box-info-background: light-dark(#f7f7f7, rgb(255 255 255 / 0.15)) !important;
--in-content-icon-color: light-dark(#666, #fff) !important;
--in-content-accent-color: light-dark(#006CBE, #75B6E8) !important;
--in-content-accent-color-active: light-dark(#1683D8, #4C98D1) !important;
--in-content-border-hover: light-dark(rgb(0 0 0 / .5), rgb(255 255 255 / .3)) !important;
--in-content-border-invalid: var(--red-50) !important;
--in-content-border-color: light-dark(#bebebe, rgb(255 255 255 / .2)) !important;
--in-content-error-text-color: light-dark(#FF848A, #FF9AA2) !important;
--in-content-link-color: light-dark(#0078D4, #75B6E8) !important;
--in-content-link-color-hover: light-dark(#006CBE, #63ADE5) !important;
--in-content-link-color-active: light-dark(#0749AC, #4C98D1) !important;
--in-content-link-color-visited: light-dark(#0078D4, #75B6E8) !important;
--link-color: var(--in-content-link-color) !important;
--link-color-hover: var(--in-content-link-color-hover) !important;
--link-color-active: var(--in-content-link-color-active) !important;
--link-color-visited: var(--in-content-link-color-visited) !important;
--in-content-button-text-color: var(--in-content-text-color) !important;
--in-content-button-text-color-hover: var(--in-content-text-color) !important;
--in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important;
--in-content-button-background: light-dark(#EDEDED, #3B3B3B) !important;
--in-content-button-background-hover: light-dark(#e5e5e5, #545454) !important;
--in-content-button-background-active: light-dark(#d5d5d5, #606060) !important;
--in-content-primary-button-text-color: light-dark(#fff, #fff) !important;
--in-content-primary-button-background: light-dark(#0061e0, #006CBE) !important;
--in-content-primary-button-background-hover: light-dark(#0250bb, #0078D4) !important;
--in-content-primary-button-background-active: light-dark(#053e94, #005CA3) !important;
--color-accent-primary: light-dark(#0078D4, #006CBE) !important;
--color-accent-primary-hover: light-dark(#006CBE, #0078D4) !important;
--color-accent-primary-active: light-dark(#0749AC, #005CA3) !important;
--in-content-danger-button-background: light-dark(#DF4951, #E12424) !important;
--in-content-danger-button-background-hover: light-dark(#EA656C, #F94343) !important;
--in-content-danger-button-background-active: light-dark(#BB353C, #AA1E1E) !important;
--in-content-focus-outline-color: light-dark(rgb(0 85 215 / .5), #63ADE5) !important;
--focus-outline-color: var(--in-content-focus-outline-color) !important;
--in-content-table-background: light-dark(#f7f7f7, #252525) !important;
--in-content-text-color: var(--in-content-page-color) !important;
--border-interactive-color: light-dark(#929292, #858585) !important;
scrollbar-color:
light-dark(rgb(37 37 37 / .4), rgb(255 255 255 / .4))
light-dark(#f7f7f7, #252525) !important;
}
::selection {
background-color: light-dark(#0078D4, #93B8E7);
color: light-dark(#fff, #000);
}
}
/*
MARK: Preferences page
*/
@-moz-document url-prefix(about:preferences),
url-prefix(about:addons) {
.category[selected] {
position: relative !important;
border-radius: 4px !important;
}
.category[selected]:not(:hover, :active) {
background-color: var(--in-content-button-background) !important;
}
.category[selected]::before {
content: "";
position: absolute;
inset-block: 0;
margin-block: auto;
height: 24px;
width: 3px;
left: 2px;
background-color: var(--in-content-accent-color);
border-radius: 3px;
}
button.tab-button:hover {
border-block-color: transparent var(--in-content-box-border-color) !important;
}
button.tab-button[selected],
button.tab-button[selected]:hover {
border-block-color: transparent currentColor !important;
}
.toggle-button {
--toggle-dot-margin: 4px !important;
--toggle-width: 40px !important;
--toggle-height: 20px !important;
--toggle-background-color: transparent !important;
--toggle-dot-background-color: var(--in-content-page-color) !important;
--toggle-dot-background-color-on-pressed: #fff !important;
--toggle-dot-transform-x: calc(var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2 * var(--toggle-border-width) - var(--toggle-dot-width)) !important;
}
}