Constrain toast colors to container

81e6697e349ee11d0ca773792c66e84708081fcf

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 1aa7d1d5a57d31be11562f81145df10dec4253d5
1 files changed, +14 -6Showing whitespace changes
public/style.css+14 -6
@@ -167,7 +167,8 @@ body {
167167}
168168
169169::-webkit-scrollbar-track:hover {
170170 background-color: rgba(126, 126, 126, 0.2); /* Adaptive, but won't contrast with neutral-gray. */
171+ background-color: rgba(126, 126, 126, 0.2);
171172}
172173
173174::-webkit-scrollbar-thumb {
@@ -247,6 +248,7 @@ table.responsiveTable {
247248.has_hover_label .label_icon {
248249 transition: opacity var(--animation-duration) ease, max-width var(--animation-duration) ease;
249250}
251+
250252.has_hover_label .label {
251253 transition: opacity var(--animation-duration-slow) ease, max-width var(--animation-duration-slow) ease;
252254 /* Prevent double gap on hidden icon */
@@ -257,6 +259,7 @@ table.responsiveTable {
257259.has_hover_label .label {
258260 transition-delay: var(--animation-duration-slow);
259261}
262+
260263.has_hover_label.fast .label_icon,
261264.has_hover_label.fast .label {
262265 transition-delay: var(--animation-duration);
@@ -503,6 +506,7 @@ input[type='checkbox']:focus-visible {
503506.mes_text em {
504507 color: var(--SmartThemeEmColor);
505508}
509+
506510.mes_reasoning i,
507511.mes_reasoning em {
508512 color: hsl(from var(--reasoning-em-color) h calc(s * var(--reasoning-saturation)) l);
@@ -512,6 +516,7 @@ input[type='checkbox']:focus-visible {
512516.mes_text q em {
513517 color: inherit;
514518}
519+
515520.mes_reasoning q i,
516521.mes_reasoning q em {
517522 color: hsl(from var(--SmartThemeQuoteColor) h calc(s * var(--reasoning-saturation)) l);
@@ -520,6 +525,7 @@ input[type='checkbox']:focus-visible {
520525.mes_text u {
521526 color: var(--SmartThemeUnderlineColor);
522527}
528+
523529.mes_reasoning u {
524530 color: hsl(from var(--SmartThemeUnderlineColor) h calc(s * var(--reasoning-saturation)) l);
525531}
@@ -527,6 +533,7 @@ input[type='checkbox']:focus-visible {
527533.mes_text q {
528534 color: var(--SmartThemeQuoteColor);
529535}
536+
530537.mes_reasoning q {
531538 color: hsl(from var(--SmartThemeQuoteColor) h calc(s * var(--reasoning-saturation)) l);
532539}
@@ -3945,19 +3952,19 @@ body #toast-container>div {
39453952 width: 300px;
39463953}
39473954
39483955body #toast-container .toast-success {
39493956 background-color: #5d9e5d;
39503957}
39513958
39523959body #toast-container .toast-error {
39533960 background-color: #a83c36;
39543961}
39553962
39563963body #toast-container .toast-info {
39573964 background-color: #4092aa;
39583965}
39593966
39603967body #toast-container .toast-warning {
39613968 background-color: #e29325;
39623969}
39633970
@@ -4052,6 +4059,7 @@ input[type='checkbox'].del_checkbox {
40524059.avatar-container:not(.locked_to_chat) .locked_to_chat_label {
40534060 display: none;
40544061}
4062+
40554063.avatar-container:not(.locked_to_character) .locked_to_character_label {
40564064 display: none;
40574065}
@@ -4071,7 +4079,7 @@ input[type='checkbox'].del_checkbox {
40714079}
40724080
40734081#lock_user_name.locked {
40744082 border-color: color-mix(in srgb, var(--SmartThemeQuoteColor) 50%, var(--SmartThemeBorderColor));;
40754083}
40764084
40774085#lock_persona_to_char.locked {