diff --git a/package.json b/package.json index 7729a47210..8bd7945157 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,7 @@ "postcss-loader": "8.1.1", "postcss-preset-env": "10.1.3", "postcss-scss": "4.0.9", - "prettier": "3.4.2", + "prettier": "3.5.0", "sass": "1.84.0", "sass-loader": "16.0.4", "style-loader": "4.0.0", diff --git a/src/main/scss/abstracts/_theme.scss b/src/main/scss/abstracts/_theme.scss index cba11ac5c1..d3f57da2c3 100644 --- a/src/main/scss/abstracts/_theme.scss +++ b/src/main/scss/abstracts/_theme.scss @@ -31,11 +31,12 @@ $semantics: ( :root, .app-theme-picker__picker[data-theme="none"] { // Font related properties - --font-family-sans: system-ui, "Segoe UI", roboto, "Noto Sans", oxygen, - ubuntu, cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", arial, - sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family-mono: ui-monospace, sfmono-regular, sf mono, jetbrainsmono, - consolas, monospace; + --font-family-sans: + system-ui, "Segoe UI", roboto, "Noto Sans", oxygen, ubuntu, cantarell, + "Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-mono: + ui-monospace, sfmono-regular, sf mono, jetbrainsmono, consolas, monospace; --font-size-base: 1rem; // 16px --font-size-sm: 0.875rem; // 14px --font-size-xs: 0.75rem; // 12px @@ -198,7 +199,8 @@ $semantics: ( // Command Palette --command-palette-results-backdrop-filter: contrast(0.7) brightness(1.5) saturate(1.4) blur(20px); - --command-palette-inset-shadow: inset 0 0 2px 2px rgb(255 255 255 / 0.1), + --command-palette-inset-shadow: + inset 0 0 2px 2px rgb(255 255 255 / 0.1), var(--jenkins-border--subtle-shadow); ::backdrop { @@ -212,23 +214,24 @@ $semantics: ( // Tooltips --tooltip-backdrop-filter: saturate(2) blur(20px); --tooltip-color: var(--text-color); - --tooltip-box-shadow: 0 0 8px 2px rgb(0 0 50 / 0.05), - var(--jenkins-border--subtle-shadow), 0 10px 50px rgb(0 0 20 / 0.1); + --tooltip-box-shadow: + 0 0 8px 2px rgb(0 0 50 / 0.05), var(--jenkins-border--subtle-shadow), + 0 10px 50px rgb(0 0 20 / 0.1); // Dropdowns --dropdown-backdrop-filter: saturate(1.5) blur(20px); - --dropdown-box-shadow: var(--jenkins-border--subtle-shadow), - 0 10px 30px rgb(0 0 20 / 0.1), 0 2px 10px rgb(0 0 20 / 0.05), - inset 0 -1px 2px rgb(255 255 255 / 0.025); + --dropdown-box-shadow: + var(--jenkins-border--subtle-shadow), 0 10px 30px rgb(0 0 20 / 0.1), + 0 2px 10px rgb(0 0 20 / 0.05), inset 0 -1px 2px rgb(255 255 255 / 0.025); // Dialogs ::backdrop { --dialog-backdrop-background: hsl(240 10% 20% / 0.8); } - --dialog-box-shadow: var(--jenkins-border--subtle-shadow), - 0 10px 40px rgb(0 0 20 / 0.15), 0 2px 15px rgb(0 0 20 / 0.05), - inset 0 0 2px 2px rgb(255 255 255 / 0.025); + --dialog-box-shadow: + var(--jenkins-border--subtle-shadow), 0 10px 40px rgb(0 0 20 / 0.15), + 0 2px 15px rgb(0 0 20 / 0.05), inset 0 0 2px 2px rgb(255 255 255 / 0.025); // Dark link --link-dark-color: var(--text-color); diff --git a/src/main/scss/pages/_about.scss b/src/main/scss/pages/_about.scss index 4879090b29..b1aa4ac807 100644 --- a/src/main/scss/pages/_about.scss +++ b/src/main/scss/pages/_about.scss @@ -55,11 +55,8 @@ &::before { background-color: var(--color); - background-image: radial-gradient( - at 40% 20%, - hsl(28 100% 74% / 1) 0, - transparent 50% - ), + background-image: + radial-gradient(at 40% 20%, hsl(28 100% 74% / 1) 0, transparent 50%), radial-gradient(at 80% 0%, hsl(189 100% 56% / 1) 0, transparent 50%), radial-gradient(at 0% 50%, hsl(355 85% 93% / 1) 0, transparent 50%), radial-gradient(at 80% 50%, hsl(359 70% 46%) 0, transparent 50%), @@ -71,11 +68,8 @@ } &::after { - background-image: radial-gradient( - at 40% 20%, - hsl(212 100% 74% / 1) 0, - transparent 50% - ), + background-image: + radial-gradient(at 40% 20%, hsl(212 100% 74% / 1) 0, transparent 50%), radial-gradient(at 80% 0%, hsl(13 100% 56% / 1) 0, transparent 50%), radial-gradient(at 0% 50%, hsl(179 85% 93% / 1) 0, transparent 50%), radial-gradient(at 80% 50%, hsl(164 100% 76% / 1) 0, transparent 50%), diff --git a/src/main/scss/pages/_sign-in-register.scss b/src/main/scss/pages/_sign-in-register.scss index edd2b0f936..dff3c994c0 100644 --- a/src/main/scss/pages/_sign-in-register.scss +++ b/src/main/scss/pages/_sign-in-register.scss @@ -45,11 +45,8 @@ } &::before { - background-image: radial-gradient( - at 40% 20%, - var(--orange) 0, - transparent 50% - ), + background-image: + radial-gradient(at 40% 20%, var(--orange) 0, transparent 50%), radial-gradient(at 80% 0%, var(--cyan) 0, transparent 50%), radial-gradient(at 0% 50%, var(--light-pink) 0, transparent 50%), radial-gradient(at 80% 50%, var(--light-red) 0, transparent 50%), @@ -59,11 +56,8 @@ } &::after { - background-image: radial-gradient( - at 40% 20%, - var(--light-cyan) 0, - transparent 50% - ), + background-image: + radial-gradient(at 40% 20%, var(--light-cyan) 0, transparent 50%), radial-gradient(at 80% 0%, var(--dark-orange) 0, transparent 50%), radial-gradient(at 0% 50%, var(--light-blue) 0, transparent 50%), radial-gradient(at 80% 50%, var(--light-green) 0, transparent 50%), diff --git a/yarn.lock b/yarn.lock index 5e757336d2..edfcaeef3b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4417,7 +4417,7 @@ __metadata: postcss-loader: "npm:8.1.1" postcss-preset-env: "npm:10.1.3" postcss-scss: "npm:4.0.9" - prettier: "npm:3.4.2" + prettier: "npm:3.5.0" sass: "npm:1.84.0" sass-loader: "npm:16.0.4" sortablejs: "npm:1.15.6" @@ -6161,12 +6161,12 @@ __metadata: languageName: node linkType: hard -"prettier@npm:3.4.2": - version: 3.4.2 - resolution: "prettier@npm:3.4.2" +"prettier@npm:3.5.0": + version: 3.5.0 + resolution: "prettier@npm:3.5.0" bin: prettier: bin/prettier.cjs - checksum: 10c0/99e076a26ed0aba4ebc043880d0f08bbb8c59a4c6641cdee6cdadf2205bdd87aa1d7823f50c3aea41e015e99878d37c58d7b5f0e663bba0ef047f94e36b96446 + checksum: 10c0/6c355d74c377f5622953229d92477e8b9779162e848db90fd7e06c431deb73585d31fafc4516cf5868917825b97b9ec7c87c8d8b8e03ccd9fc9c0b7699d1a650 languageName: node linkType: hard