variants: add more contrast for boxes and code blocks #692

This commit is contained in:
Sören Weber 2023-10-18 23:09:04 +02:00
parent b0ab88b929
commit 93250ba2a7
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D

View file

@ -56,7 +56,7 @@
/* base styling for boxes */ /* base styling for boxes */
--BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */ --BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */
--BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */ --BOX-BG-color: rgba( 8, 8, 8, 1 ); /* background color of colored boxes */
--BOX-TEXT-color: initial; /* text color of colored box content */ --BOX-TEXT-color: initial; /* text color of colored box content */
/* optional base colors for colored boxes as in attachments, badges, buttons and notice shortcode */ /* optional base colors for colored boxes as in attachments, badges, buttons and notice shortcode */
@ -64,7 +64,7 @@
--BOX-BLUE-TEXT-color: var( --BOX-BLUE-color ); /* text color of blue boxes */ --BOX-BLUE-TEXT-color: var( --BOX-BLUE-color ); /* text color of blue boxes */
--BOX-GREEN-color: rgba( 42, 178, 24, 1 ); /* background color of green boxes */ --BOX-GREEN-color: rgba( 42, 178, 24, 1 ); /* background color of green boxes */
--BOX-GREEN-TEXT-color: var( --BOX-GREEN-color ); /* text color of green boxes */ --BOX-GREEN-TEXT-color: var( --BOX-GREEN-color ); /* text color of green boxes */
--BOX-GREY-color: rgba( 160, 160, 160, 1 ); /* background color of grey boxes */ --BOX-GREY-color: rgba( 128, 128, 128, 1 ); /* background color of grey boxes */
--BOX-GREY-TEXT-color: var( --BOX-GREY-color ); /* text color of grey boxes */ --BOX-GREY-TEXT-color: var( --BOX-GREY-color ); /* text color of grey boxes */
--BOX-ORANGE-color: rgba( 237, 153, 9, 1 ); /* background color of orange boxes */ --BOX-ORANGE-color: rgba( 237, 153, 9, 1 ); /* background color of orange boxes */
--BOX-ORANGE-TEXT-color: var( --BOX-ORANGE-color ); /* text color of orange boxes */ --BOX-ORANGE-TEXT-color: var( --BOX-ORANGE-color ); /* text color of orange boxes */