diff --git a/colors.json b/colors.json index d2f9ecf..06bba6d 100644 --- a/colors.json +++ b/colors.json @@ -597,29 +597,22 @@ "SECTION-OPAQUE-COLOR" : { "_comment" : "Same as SECTION-COLOR, but has no transparency", - "light" : { - "s" : 45, - "l" : 92, - "a" : 0.9 - }, - - "dark" : { - "s" : 6, - "l" : 14, - "a" : 0.95 - } + "light" : { "s": 45, "l": 92, "a": 0.95 }, + "dark" : { "s": 6, "l": 14, "a": 0.95 } }, "SECTION-OPAQUE_HOVER": { - "light": { - "s": 45, - "l": 89, - "a": 0.95 - }, - "dark": { - "s": 11, - "l": 17, - "a": 0.95 - } + "light": { "s": 45, "l": 89, "a": 0.95 }, + "dark": { "s": 11, "l": 17, "a": 0.95 } + }, + "SECTION-OPAQUE_SECOND": { + "_comment": "Will be removed after moving to scss", + "light": { "s": 30, "l": 88, "a": 0.9 }, + "dark": { "s": 7, "l": 11, "a": 0.95 } + }, + "SECTION-OPAQUE_THIRD": { + "_comment": "Will be removed after moving to scss", + "light": { "s": 25, "l": 85, "a": 0.9 }, + "dark": { "s": 5, "l": 10, "a": 0.9 } }, "BUTTON-CLOSE-COLOR" : { diff --git a/theme/gnome-shell/.css/messages.css b/theme/gnome-shell/.css/messages.css index a3f7686..94031e9 100644 --- a/theme/gnome-shell/.css/messages.css +++ b/theme/gnome-shell/.css/messages.css @@ -67,6 +67,14 @@ background-color: SECTION-OPAQUE-COLOR; } +.message:second-in-stack { + background-color: SECTION-OPAQUE_SECOND; +} + +.message:lower-in-stack { + background-color: SECTION-OPAQUE_THIRD; +} + .message-view .message:hover { background-color: SECTION-OPAQUE_HOVER; }