@@ -416,15 +416,15 @@ all of MD as it is not optimized for dense, information rich UIs.
416
416
--jp-warn-color-normal : var (--ctp-plt-red );
417
417
--jp-warn-color-hover : color-mix (in srgb, var (--ctp-plt-red ), # 000 15% );
418
418
--jp-warn-color-active : color-mix (in srgb, var (--ctp-plt-red ), # 000 30% );
419
- --jp-reject-color-normal : var (--ctp-plt-surface0 );
419
+ --jp-reject-color-normal : var (--ctp-plt-surface1 );
420
420
--jp-reject-color-hover : color-mix (
421
421
in srgb,
422
- var (--ctp-plt-surface0 ),
422
+ var (--ctp-plt-surface1 ),
423
423
# 000 15%
424
424
);
425
425
--jp-reject-color-active : color-mix (
426
426
in srgb,
427
- var (--ctp-plt-surface0 ),
427
+ var (--ctp-plt-surface1 ),
428
428
# 000 30%
429
429
);
430
430
@@ -443,3 +443,48 @@ all of MD as it is not optimized for dense, information rich UIs.
443
443
--jp-switch-true-position-color : var (--ctp-plt-peach );
444
444
--jp-switch-cursor-color : rgba (0 , 0 , 0 , 0.8 );
445
445
}
446
+
447
+ /*
448
+ * External overrides
449
+ *
450
+ * This is necessary to set style for items not exposable trough the style variables above.
451
+ */
452
+
453
+ /* Font color of buttons */
454
+
455
+ button .jp-mod-styled .jp-mod-warn {
456
+ color : var (--ctp-plt-crust );
457
+ }
458
+
459
+ button .jp-mod-styled .jp-mod-accept {
460
+ color : var (--ctp-plt-crust );
461
+ }
462
+
463
+ button .jp-mod-styled .jp-mod-reject {
464
+ color : var (--ctp-plt-text );
465
+ }
466
+
467
+ /* Background color of input fields, that mostly appear on Settings menus */
468
+
469
+ /* NOTE: disable styelint because we are specifying
470
+ * classes already defined in Jupyter, so we cannot rename it */
471
+
472
+ /* stylelint-disable selector-class-pattern */
473
+ .jp-FormGroup-content fieldset .jp-inputFieldWrapper input ,
474
+ .jp-FormGroup-content fieldset .jp-inputFieldWrapper select ,
475
+ .jp-FormGroup-content fieldset .jp-inputFieldWrapper textarea {
476
+ background : var (--ctp-plt-surface0 );
477
+ }
478
+
479
+ .jp-FormGroup-content fieldset input : focus ,
480
+ .jp-FormGroup-content fieldset select : focus {
481
+ outline : var (--jp-border-width ) solid var (--ctp-cfg-brand-color );
482
+ box-shadow : inset 0 0 4px
483
+ color-mix (in srgb, var (--ctp-cfg-brand-color ), # 000 15% );
484
+ }
485
+
486
+ .jp-FormGroup-content fieldset input : hover : not (: focus ),
487
+ .jp-FormGroup-content fieldset select : hover : not (: focus ) {
488
+ background-color : var (--ctp-plt-surface1 );
489
+ }
490
+ /* stylelint-enable selector-class-pattern */
0 commit comments