mirror of
https://github.com/lobehub/sd-webui-lobe-theme.git
synced 2026-01-09 06:23:44 +08:00
🎨 style: add stylelint
This commit is contained in:
canisminor1990
parent
c850bf1be7
commit
d7b0b0ac69
1
.gitignore
vendored
1
.gitignore
vendored
@ -36,4 +36,5 @@ lambda/mock/index.js
|
||||
# test
|
||||
**/test-output
|
||||
config.yml
|
||||
yarn.lock
|
||||
|
||||
|
||||
@ -1 +1,5 @@
|
||||
module.exports = require('@umijs/lint/dist/config/stylelint')
|
||||
module.exports = {
|
||||
plugins: ['stylelint-less'],
|
||||
rules: {},
|
||||
...require.resolve('@umijs/lint/dist/config/stylelint'),
|
||||
}
|
||||
|
||||
@ -12,16 +12,18 @@
|
||||
"scripts": {
|
||||
"build": "gulp build",
|
||||
"dev": "gulp watch",
|
||||
"lint": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\" --fix",
|
||||
"lint": "eslint \"{src,javascript}/**/*.{js,jsx,ts,tsx}\" --fix",
|
||||
"prepare": "husky install",
|
||||
"prettier": "prettier -c --write \"**/**\"",
|
||||
"release": "semantic-release",
|
||||
"setup": "umi setup",
|
||||
"stylelint": "stylelint \"src/**/*.less\" --fix && stylelint \"./style.css\" --fix",
|
||||
"test": "npm run lint",
|
||||
"type-check": "tsc -p tsconfig-check.json"
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{less,css}": [
|
||||
"stylelint --fix",
|
||||
"prettier --write"
|
||||
],
|
||||
"*.{md,json}": [
|
||||
@ -57,6 +59,7 @@
|
||||
"semantic-release": "^19",
|
||||
"semantic-release-config-gitmoji": "^1",
|
||||
"stylelint": "^15.4.0",
|
||||
"stylelint-less": "^1.0.6",
|
||||
"typescript": "^5.0.0",
|
||||
"umi": "^4.0.64"
|
||||
}
|
||||
|
||||
@ -9,9 +9,11 @@
|
||||
#img2img_interrupt,
|
||||
#img2img_skip {
|
||||
background: var(--colorError) !important;
|
||||
|
||||
&:hover {
|
||||
background: var(--colorErrorHover) !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--colorErrorActive) !important;
|
||||
}
|
||||
|
||||
@ -1,16 +1,18 @@
|
||||
.extra-network-thumbs {
|
||||
.actions {
|
||||
.name {
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
|
||||
background: linear-gradient(0deg, rgb(0 0 0 / 80%), transparent);
|
||||
font-weight: 500;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
|
||||
text-shadow: 0 1px 1px rgb(0 0 0 / 90%);
|
||||
}
|
||||
|
||||
.additional > ul {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent) !important;
|
||||
background: linear-gradient(180deg, rgb(0 0 0 / 80%), transparent) !important;
|
||||
opacity: 0;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
@ -21,12 +23,13 @@
|
||||
border-radius: var(--borderRadiusXS);
|
||||
background-size: cover;
|
||||
box-shadow: var(--boxShadow);
|
||||
outline: 1px solid rgba(0, 0, 0, 0.5);
|
||||
outline: 1px solid rgb(0 0 0 / 50%);
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.5);
|
||||
z-index: 500;
|
||||
box-shadow: 0 6px 24px -4px rgba(0, 0, 0, 0.8);
|
||||
box-shadow: 0 6px 24px -4px rgb(0 0 0 / 80%);
|
||||
}
|
||||
}
|
||||
|
||||
@ -35,6 +38,7 @@
|
||||
right: 4px;
|
||||
top: 24px;
|
||||
opacity: 0;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@ -5,7 +5,8 @@
|
||||
top: 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&:before {
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: block;
|
||||
background: var(--logo) no-repeat;
|
||||
@ -16,7 +17,8 @@
|
||||
margin-left: 16px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
&:after {
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: fixed;
|
||||
@ -77,11 +79,13 @@
|
||||
border: none;
|
||||
border-bottom: 2px solid transparent !important;
|
||||
flex: none;
|
||||
|
||||
&:hover {
|
||||
border: none;
|
||||
border-bottom: 2px solid var(--colorPrimary) !important;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background: transparent;
|
||||
border: none;
|
||||
|
||||
@ -1,18 +1,20 @@
|
||||
[id$='2img_prompt'] textarea {
|
||||
color: rgba(208, 226, 178, 0.98) !important;
|
||||
color: rgb(208 226 178 / 98%) !important;
|
||||
max-height: 84px;
|
||||
overflow-y: auto;
|
||||
|
||||
&:focus {
|
||||
color: rgba(244, 255, 225, 0.98) !important;
|
||||
color: rgb(244 255 225 / 98%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
[id$='2img_neg_prompt'] textarea {
|
||||
color: rgba(236, 210, 213, 0.98) !important;
|
||||
color: rgb(236 210 213 / 98%) !important;
|
||||
max-height: 84px;
|
||||
overflow-y: auto;
|
||||
|
||||
&:focus {
|
||||
color: rgba(255, 240, 242, 0.98) !important;
|
||||
color: rgb(255 240 242 / 98%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
input[type='range'] {
|
||||
-webkit-appearance: none !important ;
|
||||
appearance: none !important;
|
||||
background: transparent !important;
|
||||
|
||||
&:focus {
|
||||
@ -53,7 +53,7 @@ input[type='range'] {
|
||||
border-radius: 16px !important;
|
||||
background: var(--colorBgElevated) !important;
|
||||
cursor: pointer !important;
|
||||
-webkit-appearance: none !important;
|
||||
appearance: none !important;
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
|
||||
|
||||
@ -21,14 +21,13 @@
|
||||
@import 'plugin/aspect_ratio';
|
||||
@import 'plugin/image_browser';
|
||||
|
||||
/* Theme Fix*/
|
||||
/* Theme Fix */
|
||||
.gradio-container {
|
||||
font-size: var(--fontSize);
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
background-image: radial-gradient(
|
||||
circle 600px at calc(100% - 300px) 300px,
|
||||
var(--colorPrimaryBgHover),
|
||||
|
||||
10
src/theme/utils/normalize.less
vendored
10
src/theme/utils/normalize.less
vendored
@ -10,7 +10,7 @@
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
@ -198,7 +198,7 @@ button,
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
@ -290,7 +290,7 @@ textarea {
|
||||
*/
|
||||
|
||||
[type='search'] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
@ -299,7 +299,7 @@ textarea {
|
||||
*/
|
||||
|
||||
[type='search']::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
@ -308,7 +308,7 @@ textarea {
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
|
||||
@ -19,21 +19,21 @@
|
||||
--colorErrorTextHover: #e86e6b;
|
||||
--colorErrorText: #dc4446;
|
||||
--colorErrorTextActive: #ad393a;
|
||||
--colorText: rgba(255, 255, 255, 0.85);
|
||||
--colorTextSecondary: rgba(255, 255, 255, 0.65);
|
||||
--colorTextTertiary: rgba(255, 255, 255, 0.45);
|
||||
--colorTextQuaternary: rgba(255, 255, 255, 0.25);
|
||||
--colorText: rgb(255 255 255 / 85%);
|
||||
--colorTextSecondary: rgb(255 255 255 / 65%);
|
||||
--colorTextTertiary: rgb(255 255 255 / 45%);
|
||||
--colorTextQuaternary: rgb(255 255 255 / 25%);
|
||||
--colorBgContainer: #141414;
|
||||
--colorBgElevated: #1f1f1f;
|
||||
--colorBgLayout: #141414;
|
||||
--colorBgSpotlight: #424242;
|
||||
--colorBgMask: rgba(0, 0, 0, 0.45);
|
||||
--colorBgMask: rgb(0 0 0 / 45%);
|
||||
--colorBorder: #424242;
|
||||
--colorBorderSecondary: #303030;
|
||||
--colorFill: rgba(255, 255, 255, 0.18);
|
||||
--colorFillSecondary: rgba(255, 255, 255, 0.12);
|
||||
--colorFillTertiary: rgba(255, 255, 255, 0.08);
|
||||
--colorFillQuaternary: rgba(255, 255, 255, 0.04);
|
||||
--colorFill: rgb(255 255 255 / 18%);
|
||||
--colorFillSecondary: rgb(255 255 255 / 12%);
|
||||
--colorFillTertiary: rgb(255 255 255 / 8%);
|
||||
--colorFillQuaternary: rgb(255 255 255 / 4%);
|
||||
|
||||
/* Typography */
|
||||
--fontSizeBase: 14;
|
||||
@ -52,7 +52,6 @@
|
||||
--marginLG: calc(6px * var(--marginBase));
|
||||
--marginXL: calc(8px * var(--marginBase));
|
||||
--marginXXL: calc(12px * var(--marginBase));
|
||||
|
||||
--paddingBase: 4;
|
||||
--paddingXXS: calc(1px * var(--paddingBase));
|
||||
--paddingXS: calc(2px * var(--paddingBase));
|
||||
@ -63,9 +62,8 @@
|
||||
--paddingXL: calc(8px * var(--paddingBase));
|
||||
|
||||
/* Shadow */
|
||||
--boxShadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
--boxShadowSecondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
||||
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
--boxShadow: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);
|
||||
--boxShadowSecondary: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);
|
||||
|
||||
/* Border */
|
||||
--borderRadiusBase: 2;
|
||||
@ -77,6 +75,6 @@
|
||||
/* Other */
|
||||
--logo: url('https://gw.alipayobjects.com/zos/bmw-prod/9ecb2822-1592-4cb0-a087-ce0097fef2ca.svg');
|
||||
--favicon: url('https://gw.alipayobjects.com/zos/bmw-prod/51a51720-8a30-4430-b6c9-be5712364f04.svg');
|
||||
--galleryBackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=)
|
||||
--galleryBackground: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=')
|
||||
0% 0% / 20px;
|
||||
}
|
||||
|
||||
@ -11,7 +11,6 @@
|
||||
--neutral-800: var(--colorFillQuaternary);
|
||||
--neutral-900: var(--colorBgElevated);
|
||||
--neutral-950: var(--colorBgContainer);
|
||||
|
||||
--primary-50: #eff6ff;
|
||||
--primary-100: #dbeafe;
|
||||
--primary-200: #bfdbfe;
|
||||
@ -23,7 +22,6 @@
|
||||
--primary-800: var(--colorPrimaryBorder);
|
||||
--primary-900: var(--colorPrimaryBgHover);
|
||||
--primary-950: var(--colorPrimaryBg);
|
||||
|
||||
--secondary-50: #eff6ff;
|
||||
--secondary-100: #dbeafe;
|
||||
--secondary-200: #bfdbfe;
|
||||
@ -35,26 +33,21 @@
|
||||
--secondary-800: var(--colorPrimaryBorder);
|
||||
--secondary-900: var(--colorPrimaryBgHover);
|
||||
--secondary-950: var(--colorPrimaryBg);
|
||||
|
||||
--error-text-color: #ef4444;
|
||||
--error-background-fill: var(--colorErrorBg);
|
||||
|
||||
--background-fill-primary: var(--neutral-950);
|
||||
--background-fill-secondary: var(--neutral-900);
|
||||
--stat-background-fill: var(--primary-500);
|
||||
|
||||
--link-text-color-active: var(--secondary-500);
|
||||
--link-text-color: var(--secondary-500);
|
||||
--link-text-color-hover: var(--secondary-400);
|
||||
--link-text-color-visited: var(--secondary-600);
|
||||
|
||||
--color-accent: var(--primary-500);
|
||||
--color-accent-soft: var(--neutral-700);
|
||||
|
||||
--loader-color: var(--color-accent);
|
||||
|
||||
/* Typography */
|
||||
--font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
||||
--font: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
--font-mono: 'Hack', 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
|
||||
--prose-header-text-weight: 600;
|
||||
@ -71,7 +64,7 @@
|
||||
--section-header-text-size: var(--text-md);
|
||||
|
||||
/* Spacing */
|
||||
--form-gap-width: 0px;
|
||||
--form-gap-width: 0;
|
||||
--spacing-lg: 8px;
|
||||
--spacing-md: 6px;
|
||||
--spacing-sm: 4px;
|
||||
@ -118,7 +111,7 @@
|
||||
--block-shadow: none;
|
||||
--block-title-background-fill: none;
|
||||
--block-title-border-color: none;
|
||||
--block-title-border-width: 0px;
|
||||
--block-title-border-width: 0;
|
||||
--block-title-padding: 0;
|
||||
--block-title-radius: none;
|
||||
--block-title-text-weight: 400;
|
||||
@ -204,7 +197,7 @@
|
||||
--checkbox-shadow: var(--input-shadow);
|
||||
|
||||
/* Input */
|
||||
--input-border-width: 0px;
|
||||
--input-border-width: 0;
|
||||
--input-shadow: none;
|
||||
--input-text-weight: 400;
|
||||
--input-background-fill: var(--neutral-700);
|
||||
|
||||
@ -11,7 +11,6 @@
|
||||
--neutral-800: var(--colorFillQuaternary);
|
||||
--neutral-900: var(--colorBgElevated);
|
||||
--neutral-950: var(--colorBgContainer);
|
||||
|
||||
--primary-50: #eff6ff;
|
||||
--primary-100: #dbeafe;
|
||||
--primary-200: #bfdbfe;
|
||||
@ -23,7 +22,6 @@
|
||||
--primary-800: var(--colorPrimaryBorder);
|
||||
--primary-900: var(--colorPrimaryBgHover);
|
||||
--primary-950: var(--colorPrimaryBg);
|
||||
|
||||
--secondary-50: #eff6ff;
|
||||
--secondary-100: #dbeafe;
|
||||
--secondary-200: #bfdbfe;
|
||||
@ -35,26 +33,21 @@
|
||||
--secondary-800: var(--colorPrimaryBorder);
|
||||
--secondary-900: var(--colorPrimaryBgHover);
|
||||
--secondary-950: var(--colorPrimaryBg);
|
||||
|
||||
--error-background-fill: var(--colorErrorBg);
|
||||
--error-text-color: var(--colorError);
|
||||
|
||||
--background-fill-primary: var(--neutral-950);
|
||||
--background-fill-secondary: var(--neutral-900);
|
||||
--stat-background-fill: var(--primary-300);
|
||||
|
||||
--color-accent: var(--primary-500);
|
||||
--color-accent-soft: var(--primary-50);
|
||||
|
||||
--link-text-color: var(--secondary-600);
|
||||
--link-text-color-active: var(--secondary-600);
|
||||
--link-text-color-hover: var(--secondary-700);
|
||||
--link-text-color-visited: var(--secondary-500);
|
||||
|
||||
--loader-color: var(--color-accent);
|
||||
|
||||
/* Typography */
|
||||
--font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
||||
--font: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
--font-mono: 'Hack', 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
|
||||
--prose-header-text-weight: 600;
|
||||
@ -71,7 +64,7 @@
|
||||
--section-header-text-size: var(--text-md);
|
||||
|
||||
/* Spacing */
|
||||
--form-gap-width: 0px;
|
||||
--form-gap-width: 0;
|
||||
--spacing-lg: 8px;
|
||||
--spacing-md: 6px;
|
||||
--spacing-sm: 4px;
|
||||
@ -118,7 +111,7 @@
|
||||
--block-shadow: none;
|
||||
--block-title-background-fill: none;
|
||||
--block-title-border-color: none;
|
||||
--block-title-border-width: 0px;
|
||||
--block-title-border-width: 0;
|
||||
--block-title-padding: 0;
|
||||
--block-title-radius: none;
|
||||
--block-title-text-weight: 400;
|
||||
@ -204,7 +197,7 @@
|
||||
--checkbox-shadow: var(--input-shadow);
|
||||
|
||||
/* Input */
|
||||
--input-border-width: 0px;
|
||||
--input-border-width: 0;
|
||||
--input-shadow: none;
|
||||
--input-text-weight: 400;
|
||||
--input-background-fill: var(--neutral-100);
|
||||
|
||||
47
style.css
47
style.css
@ -9,7 +9,7 @@
|
||||
html {
|
||||
line-height: 1.15;
|
||||
/* 1 */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
}
|
||||
/* Sections
|
||||
@ -173,7 +173,7 @@ button,
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
appearance: button;
|
||||
}
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
@ -255,7 +255,7 @@ textarea {
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
[type='search'] {
|
||||
-webkit-appearance: textfield;
|
||||
appearance: textfield;
|
||||
/* 1 */
|
||||
outline-offset: -2px;
|
||||
/* 2 */
|
||||
@ -264,14 +264,14 @@ textarea {
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
[type='search']::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
appearance: button;
|
||||
/* 1 */
|
||||
font: inherit;
|
||||
/* 2 */
|
||||
@ -366,9 +366,9 @@ template {
|
||||
--paddingLG: calc(6px * var(--paddingBase));
|
||||
--paddingXL: calc(8px * var(--paddingBase));
|
||||
/* Shadow */
|
||||
--boxShadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
--boxShadowSecondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
||||
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
--boxShadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);
|
||||
--boxShadowSecondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgb(0 0 0 / 12%),
|
||||
0 9px 28px 8px rgb(0 0 0 / 5%);
|
||||
/* Border */
|
||||
--borderRadiusBase: 2;
|
||||
--borderRadiusXS: calc(1px * var(--borderRadiusBase));
|
||||
@ -378,7 +378,7 @@ template {
|
||||
/* Other */
|
||||
--logo: url('https://gw.alipayobjects.com/zos/bmw-prod/9ecb2822-1592-4cb0-a087-ce0097fef2ca.svg');
|
||||
--favicon: url('https://gw.alipayobjects.com/zos/bmw-prod/51a51720-8a30-4430-b6c9-be5712364f04.svg');
|
||||
--galleryBackground: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=)
|
||||
--galleryBackground: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=')
|
||||
0% 0% / 20px;
|
||||
}
|
||||
:root {
|
||||
@ -429,7 +429,7 @@ template {
|
||||
--link-text-color-visited: var(--secondary-500);
|
||||
--loader-color: var(--color-accent);
|
||||
/* Typography */
|
||||
--font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
||||
--font: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
--font-mono: 'Hack', 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
|
||||
--prose-header-text-weight: 600;
|
||||
@ -445,7 +445,7 @@ template {
|
||||
--prose-text-size: var(--text-md);
|
||||
--section-header-text-size: var(--text-md);
|
||||
/* Spacing */
|
||||
--form-gap-width: 0px;
|
||||
--form-gap-width: 0;
|
||||
--spacing-lg: 8px;
|
||||
--spacing-md: 6px;
|
||||
--spacing-sm: 4px;
|
||||
@ -488,7 +488,7 @@ template {
|
||||
--block-shadow: none;
|
||||
--block-title-background-fill: none;
|
||||
--block-title-border-color: none;
|
||||
--block-title-border-width: 0px;
|
||||
--block-title-border-width: 0;
|
||||
--block-title-padding: 0;
|
||||
--block-title-radius: none;
|
||||
--block-title-text-weight: 400;
|
||||
@ -570,7 +570,7 @@ template {
|
||||
--checkbox-label-text-size: var(--text-md);
|
||||
--checkbox-shadow: var(--input-shadow);
|
||||
/* Input */
|
||||
--input-border-width: 0px;
|
||||
--input-border-width: 0;
|
||||
--input-shadow: none;
|
||||
--input-text-weight: 400;
|
||||
--input-background-fill: var(--neutral-100);
|
||||
@ -641,7 +641,7 @@ template {
|
||||
--color-accent-soft: var(--neutral-700);
|
||||
--loader-color: var(--color-accent);
|
||||
/* Typography */
|
||||
--font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
||||
--font: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, 'Noto Sans', sans-serif,
|
||||
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
--font-mono: 'Hack', 'IBM Plex Mono', 'ui-monospace', 'Consolas', monospace;
|
||||
--prose-header-text-weight: 600;
|
||||
@ -657,7 +657,7 @@ template {
|
||||
--prose-text-size: var(--text-md);
|
||||
--section-header-text-size: var(--text-md);
|
||||
/* Spacing */
|
||||
--form-gap-width: 0px;
|
||||
--form-gap-width: 0;
|
||||
--spacing-lg: 8px;
|
||||
--spacing-md: 6px;
|
||||
--spacing-sm: 4px;
|
||||
@ -700,7 +700,7 @@ template {
|
||||
--block-shadow: none;
|
||||
--block-title-background-fill: none;
|
||||
--block-title-border-color: none;
|
||||
--block-title-border-width: 0px;
|
||||
--block-title-border-width: 0;
|
||||
--block-title-padding: 0;
|
||||
--block-title-radius: none;
|
||||
--block-title-text-weight: 400;
|
||||
@ -782,7 +782,7 @@ template {
|
||||
--checkbox-label-text-size: var(--text-md);
|
||||
--checkbox-shadow: var(--input-shadow);
|
||||
/* Input */
|
||||
--input-border-width: 0px;
|
||||
--input-border-width: 0;
|
||||
--input-shadow: none;
|
||||
--input-text-weight: 400;
|
||||
--input-background-fill: var(--neutral-700);
|
||||
@ -831,7 +831,7 @@ template {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#quicksettings:before {
|
||||
#quicksettings::before {
|
||||
content: '';
|
||||
display: block;
|
||||
background: var(--logo) no-repeat;
|
||||
@ -842,7 +842,7 @@ template {
|
||||
margin-left: 16px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
#quicksettings:after {
|
||||
#quicksettings::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: fixed;
|
||||
@ -906,7 +906,7 @@ template {
|
||||
border-bottom: 2px solid var(--colorPrimary) !important;
|
||||
}
|
||||
input[type='range'] {
|
||||
-webkit-appearance: none !important ;
|
||||
appearance: none !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
input[type='range']:focus {
|
||||
@ -953,7 +953,7 @@ input[type='range']::-webkit-slider-thumb {
|
||||
border-radius: 16px !important;
|
||||
background: var(--colorBgElevated) !important;
|
||||
cursor: pointer !important;
|
||||
-webkit-appearance: none !important;
|
||||
appearance: none !important;
|
||||
margin-top: -5px !important;
|
||||
}
|
||||
input[type='range']:active::-webkit-slider-thumb {
|
||||
@ -1146,14 +1146,13 @@ div.svelte-awbtu4 .gradio-file {
|
||||
#image_browser_tabs_container [id$='_browser_gallery_controls'] {
|
||||
align-items: flex-end;
|
||||
}
|
||||
/* Theme Fix*/
|
||||
/* Theme Fix */
|
||||
.gradio-container {
|
||||
font-size: var(--fontSize);
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
background-image: radial-gradient(
|
||||
circle 600px at calc(100% - 300px) 300px,
|
||||
var(--colorPrimaryBgHover),
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user