- Firefox-Version
- Firefox Beta 157.0b5
- Betriebssystem
- Linux Mint 22.1 Cinnamon
Als Vorbereitung auf die kommende Woche mit dem Update auf 157 stable:
Nicht jeder mag die großen Radien des neuen Designs. Diese kurze 'Variablen-Lösung' kann die meisten Radien anpassen (sofern die entsprechenden border-radien der Id's und classes nicht manuell geändert wurden).
CSS
@media -moz-pref('browser.nova.enabled') {
/* NOVA Rounding Adjustments */
/* Quelle: https://searchfox.org/firefox-beta/source/toolkit/themes/shared/design-system/dist/tokens-shared.css */
:root {
--border-radius-xsmall: 2px !important; /* Nova: 4px, Proton: 2px */
--border-radius-small: 4px !important; /* Nova: 8px, Proton: 4px */
--border-radius-medium: 6px !important; /* Nova: 12px, Proton: 8px */
--border-radius-large: 6px !important; /* Nova: undefined, Proton: 16px */
--border-radius-xlarge: 6px !important; /* Nova: 24px, Proton: undefined */
--border-radius-circle: 6px !important; /* Nova: undefined, Proton: 9999px */
/* Unveränderte Variablen aus o.a. Datei tokens-shared.css*/
/*
--tab-border-radius: var(--border-radius-small) !important;
--button-border-radius: var(--border-radius-medium) !important;
--toolbarbutton-border-radius: var(--button-border-radius) !important;
--card-border-radius: var(--border-radius-large) !important;
--card-border-radius-compact: var(--border-radius-medium) !important;
--card-cover-image-border-radius: var(--border-radius-medium) !important;
--input-text-border-radius: var(--border-radius-medium) !important;
--input-search-border-radius: var(--input-text-border-radius) !important;
--popup-border-radius: var(--border-radius-medium) !important;
--panel-border-radius: var(--popup-border-radius) !important;
--panel-menuitem-border-radius: var(--border-radius-large) !important;
*/
}
}
