mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 15:06:20 +00:00
medievalshell
ea35f19940
- New "Interfaccia" panel with color picker (HSV + hex/RGB/alpha + 30 presets) - Profile background customization tab - Accent color propagates via CSS variables to: card headers/tabs, context menus, Button dark/primary/gray variants, InfoStand panels, toolbar, room tools, purse, .btn-primary/.btn-dark CSS classes - All elements use var(--name, fallback) for zero visual change when default - Settings persisted in localStorage - Added react-colorful dependency - Added ui-config.json with header images config keys
110 lines
2.0 KiB
CSS
110 lines
2.0 KiB
CSS
.btn-sm {
|
|
min-height: 28px;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
/* Chrome, Safari, Edge, Opera */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Firefox */
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.rounded {
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: var(--ui-btn-primary-bg, #3c6d82);
|
|
border: 2px solid var(--ui-btn-primary-border, #1a617f);
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: .7875rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
border: 2px solid var(--ui-btn-primary-border, #1a617f);
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-success{
|
|
color: #fff;
|
|
background-color: #3c8243;
|
|
border: 2px solid #006d09;
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: .7875rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-success:hover{
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-danger{
|
|
color: #fff;
|
|
background-color: #a81a12;
|
|
border: 2px solid #b9322a;
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: .7875rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-danger:hover{
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-warning{
|
|
color: #222;
|
|
background-color: #ffc107;
|
|
border: 2px solid #f3c12a;
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: .7875rem;
|
|
border-radius: 0.5rem;
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-warning:hover{
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.btn-dark {
|
|
color: #fff;
|
|
background-color: var(--ui-dark-bg, #212131);
|
|
border: 2px solid var(--ui-dark-border, #1c1c2a);
|
|
box-shadow: none!important;
|
|
border-radius: 8px;
|
|
padding: 4px 11px 4px 11px;
|
|
}
|
|
|
|
.btn-dark:hover{
|
|
background-color: var(--ui-dark-bg, #212131);
|
|
border: 2px solid var(--ui-dark-border, #1c1c2a);
|
|
box-shadow: none!important;
|
|
border-radius: 8px;
|
|
padding: 4px 11px 4px 11px;
|
|
}
|
|
|
|
.btn-friendsgen{
|
|
background-color: #424354;
|
|
border: 2px solid #63647a;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.btn-friendsgensuccess{
|
|
background-color: #b69b83;
|
|
border: 2px solid #e2c1a3;
|
|
border-radius: 10px;
|
|
}
|