Gabriel Brown
88497826ec
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
248 lines
6.8 KiB
CSS
248 lines
6.8 KiB
CSS
/* Edge-Frfox - tweaks.css */
|
|
|
|
/*
|
|
MARK: Disable drag space
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.disable-drag-space") {
|
|
/* disable drag space above tabs */
|
|
:root {
|
|
--uc-tab-top-margin: 0px !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Force tab colour
|
|
*/
|
|
/* force tabs to toolbar bg (useful for proton themes) (might experience some
|
|
bugs with certain themes eg. dark text on dark background.) */
|
|
@media (-moz-bool-pref: "uc.tweak.force-tab-colour") {
|
|
:root[lwtheme] {
|
|
--tab-selected-bgcolor: var(--toolbar-bgcolor) !important;
|
|
--tab-selected-textcolor: var(--toolbar-color) !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Remove tab separators
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.remove-tab-separators") {
|
|
.tabbrowser-tab .tab-stack {
|
|
&::before,
|
|
&::after {
|
|
content: initial !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Floating tabs
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.floating-tabs") {
|
|
:root:not([lwtheme]),
|
|
/* `--newtab-background-color-secondary used` to differentiate between a dark
|
|
* private window and private window with the 'Dark' theme enabled.
|
|
* May not be the most reliable method, but works for now up to FF 123. */
|
|
:root[privatebrowsingmode="temporary"]:where([style*="--lwt-accent-color: rgb(28, 27, 34)"]:not([style*="--newtab-background-color-secondary: rgb(66, 65, 77)"])) {
|
|
--lwt-accent-color: light-dark(#f3f3f3, #202020) !important;
|
|
--lwt-accent-color-inactive: unset !important;
|
|
--toolbar-bgcolor: light-dark(#fff, #3F3F3F) !important;
|
|
--lwt-tab-text: light-dark(#262626, #fff) !important;
|
|
--chrome-content-separator-color: light-dark(#bfbfbf, #535353) !important;
|
|
--lwt-tab-line-color: light-dark(transparent, rgb(255 255 255 / 0.06)) !important;
|
|
}
|
|
|
|
/* Uses :root body to avoid affecting other variables by changing
|
|
* --toolbar-color. */
|
|
:root body {
|
|
/* Use tabbar colours for better readability when using custom themes. */
|
|
--toolbar-color: var(--lwt-text-color) !important;
|
|
--toolbarbutton-icon-fill: var(--lwt-text-color) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
--toolbar-color: var(--lwt-text-color-inactive, var(--lwt-text-color)) !important;
|
|
--toolbarbutton-icon-fill: var(--lwt-text-color-inactive, var(--lwt-text-color)) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-gtk-csd-available) {
|
|
:root:not([lwtheme]) {
|
|
--toolbar-bgcolor: color-mix(in srgb, -moz-dialog 80%, #fff) !important;
|
|
--toolbar-field-background-color: Field !important;
|
|
--lwt-tab-text: -moz-dialogtext !important;
|
|
--lwt-tab-line-color: rgb(255 255 255 / 0.06) !important;
|
|
--lwt-accent-color: var(--toolbox-non-lwt-bgcolor) !important;
|
|
|
|
&:-moz-window-inactive {
|
|
--lwt-accent-color: var(--toolbox-non-lwt-bgcolor-inactive) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Shadow for navbar and tabs */
|
|
:root,
|
|
:root .tabbrowser-tab {
|
|
--uc-titlebar-shadow: none;
|
|
--uc-tab-shadow-outline: rgb(0 0 0 / .11);
|
|
--uc-tab-shadow: 0 2.5px 3px 1px rgb(0 0 0 / .08);
|
|
|
|
& [brighttext],
|
|
& [brighttext] .tabbrowser-tab {
|
|
--uc-titlebar-shadow: none;
|
|
--uc-tab-shadow-outline: transparent;
|
|
--uc-tab-shadow: 0 2px 3px rgb(0 0 0 / .12);
|
|
}
|
|
|
|
& #TabsToolbar {
|
|
--tab-border-radius: 8px !important;
|
|
}
|
|
}
|
|
|
|
/* remove toolbar bg */
|
|
#nav-bar,
|
|
#PersonalToolbar {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* invert bottom corner radius for tabs */
|
|
.tab-background {
|
|
border-radius: var(--tab-border-radius) !important;
|
|
|
|
&::before,
|
|
&::after {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.tab-background[selected] {
|
|
border: 1px solid var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)) !important;
|
|
outline: 1px solid var(--uc-tab-shadow-outline) !important;
|
|
|
|
/* Fractional scaling adjustments (150%, 175%, etc.) */
|
|
@media (1dppx < resolution < 2dppx) {
|
|
outline-width: 1.5px !important;
|
|
}
|
|
}
|
|
|
|
/* adjust spacing of area above tabs */
|
|
@media not (-moz-platform: macos) {
|
|
:root[sizemode="maximized"] {
|
|
--uc-tab-top-margin: 4px !important;
|
|
}
|
|
}
|
|
|
|
:root:is([inFullscreen], :not([tabsintitlebar])) {
|
|
--uc-tab-top-margin: 4px !important;
|
|
}
|
|
|
|
@media (-moz-bool-pref: "uc.tweak.disable-drag-space") {
|
|
:root {
|
|
--uc-tab-top-margin: 4px !important;
|
|
}
|
|
}
|
|
|
|
/* IMPORTANT: Adds padding and removes margin on top of tabs to allow user to
|
|
* select it from the top edge of the window */
|
|
#tabbrowser-tabs {
|
|
margin-top: calc(var(--uc-tab-top-margin) - 4px) !important;
|
|
|
|
& .tabbrowser-tab,
|
|
& #tabs-newtab-button {
|
|
padding-top: 4px !important;
|
|
}
|
|
}
|
|
|
|
#scrollbutton-up:not(.menupopup-scrollbutton),
|
|
#scrollbutton-down:not(.menupopup-scrollbutton) {
|
|
&,
|
|
& ~ spacer {
|
|
margin-top: 4px !important;
|
|
}
|
|
}
|
|
|
|
/* move tab shadow behind urlbar */
|
|
.tabbrowser-tab[visuallyselected="true"],
|
|
#nav-bar {
|
|
z-index: 2 !important;
|
|
}
|
|
|
|
/* tab shadow adjustments */
|
|
.tabbrowser-tab {
|
|
overflow-clip-margin: 8px !important;
|
|
}
|
|
|
|
#tabbrowser-arrowscrollbox > *,
|
|
#scrollbutton-up:not(.menupopup-scrollbutton),
|
|
#scrollbutton-up:not(.menupopup-scrollbutton) ~ spacer,
|
|
#scrollbutton-down:not(.menupopup-scrollbutton) {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
|
|
#tabbrowser-arrowscrollbox {
|
|
margin-bottom: -8px !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Vertical context nav
|
|
*/
|
|
@media (not (-moz-platform: macos)) and (not (-moz-bool-pref: "uc.tweak.revert-context-menu")) {
|
|
@media (-moz-bool-pref: "uc.tweak.vertical-context-navigation") {
|
|
#context-navigation {
|
|
/* Stack menu items vertically. */
|
|
flex-direction: column !important;
|
|
|
|
/* Align the image and label to the left edge. */
|
|
& > .menuitem-iconic {
|
|
justify-content: start !important;
|
|
|
|
&::after {
|
|
/* Get the menuitem label from the aria-label attribute. */
|
|
content: attr(aria-label);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Hide access key
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.context-menu.hide-access-key") {
|
|
:where(menuitem, menu) > :is(.menu-text, .menu-iconic-text)[value]:not([value=""]) {
|
|
&::before {
|
|
/* The default value is -moz-label-content, which takes the data from the
|
|
* value attribute and highlights the character found in the accesskey
|
|
* attribute. This skips that and uses the value attribute directly. */
|
|
content: attr(value) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Show tab close button
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.show-tab-close-button-on-hover") {
|
|
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([pinned], [selected]):hover .tab-close-button {
|
|
display: flex !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Hide forward button
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.hide-forward-button") {
|
|
:root:not([customizing]) #forward-button[disabled] {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
MARK: Hide Firefox account
|
|
*/
|
|
@media (-moz-bool-pref: "uc.tweak.context-menu.hide-firefox-account") {
|
|
#appMenu-fxa-status2,
|
|
#appMenu-fxa-separator {
|
|
display: none !important;
|
|
}
|
|
}
|