mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-17 05:32:01 +08:00
style: 默认主题色修改为#1677FF(antd主题色)
This commit is contained in:
@@ -306,7 +306,7 @@ const defaultPreferences: Preferences = {
|
|||||||
theme: {
|
theme: {
|
||||||
builtinType: 'default',
|
builtinType: 'default',
|
||||||
colorDestructive: 'hsl(348 100% 61%)',
|
colorDestructive: 'hsl(348 100% 61%)',
|
||||||
colorPrimary: 'hsl(212 100% 45%)',
|
colorPrimary: 'hsl(215 100% 54%)',
|
||||||
colorSuccess: 'hsl(144 57% 58%)',
|
colorSuccess: 'hsl(144 57% 58%)',
|
||||||
colorWarning: 'hsl(42 84% 61%)',
|
colorWarning: 'hsl(42 84% 61%)',
|
||||||
mode: 'dark',
|
mode: 'dark',
|
||||||
|
|||||||
@@ -28,9 +28,10 @@ You can check the list below to understand all the available variables.
|
|||||||
|
|
||||||
```css
|
```css
|
||||||
:root {
|
:root {
|
||||||
--font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
|
--font-family:
|
||||||
'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue',
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||||
|
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
|
||||||
/* Default background color of <body />...etc */
|
/* Default background color of <body />...etc */
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
@@ -53,7 +54,7 @@ You can check the list below to understand all the available variables.
|
|||||||
|
|
||||||
/* Theme Colors */
|
/* Theme Colors */
|
||||||
|
|
||||||
--primary: 212 100% 45%;
|
--primary: 215 100% 54%;
|
||||||
--primary-foreground: 0 0% 98%;
|
--primary-foreground: 0 0% 98%;
|
||||||
|
|
||||||
/* Used for destructive actions such as <Button variant="destructive"> */
|
/* Used for destructive actions such as <Button variant="destructive"> */
|
||||||
@@ -264,7 +265,7 @@ export const overridesPreferences = defineOverridesPreferences({
|
|||||||
// Error color
|
// Error color
|
||||||
colorDestructive: 'hsl(348 100% 61%)',
|
colorDestructive: 'hsl(348 100% 61%)',
|
||||||
// Primary color
|
// Primary color
|
||||||
colorPrimary: 'hsl(212 100% 45%)',
|
colorPrimary: 'hsl(215 100% 54%)',
|
||||||
// Success color
|
// Success color
|
||||||
colorSuccess: 'hsl(144 57% 58%)',
|
colorSuccess: 'hsl(144 57% 58%)',
|
||||||
// Warning color
|
// Warning color
|
||||||
@@ -322,9 +323,10 @@ type BuiltinThemeType =
|
|||||||
|
|
||||||
```css
|
```css
|
||||||
:root {
|
:root {
|
||||||
--font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
|
--font-family:
|
||||||
'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue',
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||||
|
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
|
||||||
/* Default background color of <body />...etc */
|
/* Default background color of <body />...etc */
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
@@ -351,7 +353,7 @@ type BuiltinThemeType =
|
|||||||
|
|
||||||
/* Theme Colors */
|
/* Theme Colors */
|
||||||
|
|
||||||
--primary: 212 100% 45%;
|
--primary: 215 100% 54%;
|
||||||
--primary-foreground: 0 0% 98%;
|
--primary-foreground: 0 0% 98%;
|
||||||
|
|
||||||
/* Used for destructive actions such as <Button variant="destructive"> */
|
/* Used for destructive actions such as <Button variant="destructive"> */
|
||||||
|
|||||||
@@ -305,7 +305,7 @@ const defaultPreferences: Preferences = {
|
|||||||
theme: {
|
theme: {
|
||||||
builtinType: 'default',
|
builtinType: 'default',
|
||||||
colorDestructive: 'hsl(348 100% 61%)',
|
colorDestructive: 'hsl(348 100% 61%)',
|
||||||
colorPrimary: 'hsl(212 100% 45%)',
|
colorPrimary: 'hsl(215 100% 54%)',
|
||||||
colorSuccess: 'hsl(144 57% 58%)',
|
colorSuccess: 'hsl(144 57% 58%)',
|
||||||
colorWarning: 'hsl(42 84% 61%)',
|
colorWarning: 'hsl(42 84% 61%)',
|
||||||
mode: 'dark',
|
mode: 'dark',
|
||||||
|
|||||||
@@ -28,9 +28,10 @@ css 变量内的颜色,必须使用 `hsl` 格式,如 `0 0% 100%`,不需要
|
|||||||
|
|
||||||
```css
|
```css
|
||||||
:root {
|
:root {
|
||||||
--font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
|
--font-family:
|
||||||
'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue',
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||||
|
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
|
||||||
/* Default background color of <body />...etc */
|
/* Default background color of <body />...etc */
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
@@ -53,7 +54,7 @@ css 变量内的颜色,必须使用 `hsl` 格式,如 `0 0% 100%`,不需要
|
|||||||
|
|
||||||
/* 主题颜色 */
|
/* 主题颜色 */
|
||||||
|
|
||||||
--primary: 212 100% 45%;
|
--primary: 215 100% 54%;
|
||||||
--primary-foreground: 0 0% 98%;
|
--primary-foreground: 0 0% 98%;
|
||||||
|
|
||||||
/* Used for destructive actions such as <Button variant="destructive"> */
|
/* Used for destructive actions such as <Button variant="destructive"> */
|
||||||
@@ -264,7 +265,7 @@ export const overridesPreferences = defineOverridesPreferences({
|
|||||||
// 错误色
|
// 错误色
|
||||||
colorDestructive: 'hsl(348 100% 61%)',
|
colorDestructive: 'hsl(348 100% 61%)',
|
||||||
// 主题色
|
// 主题色
|
||||||
colorPrimary: 'hsl(212 100% 45%)',
|
colorPrimary: 'hsl(215 100% 54%)',
|
||||||
// 成功色
|
// 成功色
|
||||||
colorSuccess: 'hsl(144 57% 58%)',
|
colorSuccess: 'hsl(144 57% 58%)',
|
||||||
// 警告色
|
// 警告色
|
||||||
@@ -322,9 +323,10 @@ type BuiltinThemeType =
|
|||||||
|
|
||||||
```css
|
```css
|
||||||
:root {
|
:root {
|
||||||
--font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
|
--font-family:
|
||||||
'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue',
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||||
|
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
|
||||||
/* Default background color of <body />...etc */
|
/* Default background color of <body />...etc */
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
@@ -351,7 +353,7 @@ type BuiltinThemeType =
|
|||||||
|
|
||||||
/* 主题颜色 */
|
/* 主题颜色 */
|
||||||
|
|
||||||
--primary: 212 100% 45%;
|
--primary: 215 100% 54%;
|
||||||
--primary-foreground: 0 0% 98%;
|
--primary-foreground: 0 0% 98%;
|
||||||
|
|
||||||
/* Used for destructive actions such as <Button variant="destructive"> */
|
/* Used for destructive actions such as <Button variant="destructive"> */
|
||||||
|
|||||||
@@ -1,9 +1,10 @@
|
|||||||
:root {
|
:root {
|
||||||
/** 弹出层的基础层级 **/
|
/** 弹出层的基础层级 **/
|
||||||
--popup-z-index: 2000;
|
--popup-z-index: 2000;
|
||||||
--font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
|
--font-family:
|
||||||
'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
|
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue',
|
||||||
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||||
|
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||||
|
|
||||||
/* Default background color of <body />...etc */
|
/* Default background color of <body />...etc */
|
||||||
--background: 0 0% 100%;
|
--background: 0 0% 100%;
|
||||||
@@ -30,7 +31,7 @@
|
|||||||
|
|
||||||
/* 主题颜色 */
|
/* 主题颜色 */
|
||||||
|
|
||||||
--primary: 212 100% 45%;
|
--primary: 215 100% 54%;
|
||||||
--primary-foreground: 0 0% 98%;
|
--primary-foreground: 0 0% 98%;
|
||||||
|
|
||||||
/* Used for destructive actions such as <Button variant="destructive"> */
|
/* Used for destructive actions such as <Button variant="destructive"> */
|
||||||
|
|||||||
@@ -108,7 +108,7 @@ exports[`defaultPreferences immutability test > should not modify the config obj
|
|||||||
"theme": {
|
"theme": {
|
||||||
"builtinType": "default",
|
"builtinType": "default",
|
||||||
"colorDestructive": "hsl(348 100% 61%)",
|
"colorDestructive": "hsl(348 100% 61%)",
|
||||||
"colorPrimary": "hsl(212 100% 45%)",
|
"colorPrimary": "hsl(215 100% 54%)",
|
||||||
"colorSuccess": "hsl(144 57% 58%)",
|
"colorSuccess": "hsl(144 57% 58%)",
|
||||||
"colorWarning": "hsl(42 84% 61%)",
|
"colorWarning": "hsl(42 84% 61%)",
|
||||||
"mode": "dark",
|
"mode": "dark",
|
||||||
|
|||||||
@@ -109,7 +109,7 @@ const defaultPreferences: Preferences = {
|
|||||||
theme: {
|
theme: {
|
||||||
builtinType: 'default',
|
builtinType: 'default',
|
||||||
colorDestructive: 'hsl(348 100% 61%)',
|
colorDestructive: 'hsl(348 100% 61%)',
|
||||||
colorPrimary: 'hsl(212 100% 45%)',
|
colorPrimary: 'hsl(215 100% 54%)',
|
||||||
colorSuccess: 'hsl(144 57% 58%)',
|
colorSuccess: 'hsl(144 57% 58%)',
|
||||||
colorWarning: 'hsl(42 84% 61%)',
|
colorWarning: 'hsl(42 84% 61%)',
|
||||||
mode: 'auto',
|
mode: 'auto',
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ interface BuiltinThemePreset {
|
|||||||
|
|
||||||
const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [
|
const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [
|
||||||
{
|
{
|
||||||
color: 'hsl(212 100% 45%)',
|
color: 'hsl(215 100% 54%)',
|
||||||
type: 'default',
|
type: 'default',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user