diff --git a/src/styles/global.css b/src/styles/global.css index b9a90f9..e1814df 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -232,6 +232,49 @@ body { border-color: var(--accent) !important; } +/* Radio Button Group */ +.el-radio-group { + --el-radio-button-checked-bg-color: var(--accent) !important; + --el-radio-button-checked-border-color: var(--accent) !important; + --el-radio-button-checked-text-color: #fff !important; +} + +.el-radio-button__inner { + background: var(--bg-secondary) !important; + border-color: var(--border-color) !important; + color: var(--text-primary) !important; +} + +.el-radio-button__original-radio:checked + .el-radio-button__inner { + background: var(--accent) !important; + border-color: var(--accent) !important; + color: #fff !important; + box-shadow: -1px 0 0 0 var(--accent) !important; +} + +/* Input Number */ +.el-input-number { + --el-input-number-bg-color: var(--bg-primary) !important; +} + +.el-input-number .el-input__wrapper { + background: var(--bg-primary) !important; + border-color: var(--border-color) !important; + box-shadow: none !important; +} + +.el-input-number .el-input-number__decrease, +.el-input-number .el-input-number__increase { + background: var(--bg-secondary) !important; + border-color: var(--border-color) !important; + color: var(--text-primary) !important; +} + +.el-input-number .el-input-number__decrease:hover, +.el-input-number .el-input-number__increase:hover { + color: var(--accent-light) !important; +} + /* Tag */ .el-tag { border-color: var(--border-color) !important;