mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2026-06-27 19:51:03 +00:00
3746fbf7f4
Use the page palette for default selection backgrounds instead of a hardcoded blue color. Tint opaque selection backgrounds before painting. Selected images stay visible through the overlay. Use SelectionText for default selected text and HighlightText. Authored ::selection colors still take precedence. On macOS, use a light translucent color matching other engines. Update selection and system-color baselines for the themed colors. Add macOS-specific screenshot baselines for tests whose expectations depend on system colors.
175 lines
3.7 KiB
C++
175 lines
3.7 KiB
C++
/*
|
|
* Copyright (c) 2023, Sam Atkins <atkinssj@serenityos.org>
|
|
*
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
|
*/
|
|
|
|
#include <LibWeb/CSS/SystemColor.h>
|
|
|
|
namespace Web::CSS::SystemColor {
|
|
|
|
Color accent_color(PreferredColorScheme)
|
|
{
|
|
return Color(61, 174, 233);
|
|
}
|
|
|
|
Color accent_color_text(PreferredColorScheme)
|
|
{
|
|
return Color(0, 0, 0);
|
|
}
|
|
|
|
Color active_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(213, 97, 82);
|
|
}
|
|
return Color(255, 0, 0);
|
|
}
|
|
|
|
Color button_border(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(72, 72, 72);
|
|
}
|
|
return Color(128, 128, 128);
|
|
}
|
|
|
|
Color button_face(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(32, 29, 25);
|
|
}
|
|
return Color(212, 208, 200);
|
|
}
|
|
|
|
Color button_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(235, 235, 235);
|
|
}
|
|
return Color(0, 0, 0);
|
|
}
|
|
|
|
Color canvas(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(20, 20, 20);
|
|
}
|
|
return Color(255, 255, 255);
|
|
}
|
|
|
|
Color canvas_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(235, 235, 235);
|
|
}
|
|
return Color(0, 0, 0);
|
|
}
|
|
|
|
Color field(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(32, 29, 25);
|
|
}
|
|
return Color(255, 255, 255);
|
|
}
|
|
|
|
Color field_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(235, 235, 235);
|
|
}
|
|
return Color(0, 0, 0);
|
|
}
|
|
|
|
Color gray_text(PreferredColorScheme)
|
|
{
|
|
return Color(128, 128, 128);
|
|
}
|
|
|
|
Color transform_selection_background_color(Color color)
|
|
{
|
|
if (color.alpha() < 255)
|
|
return color;
|
|
|
|
constexpr int start_alpha = 153; // 60%
|
|
constexpr int end_alpha = 204; // 80%
|
|
constexpr int alpha_increment = 17;
|
|
|
|
auto blend_component = [](u8 component, int alpha) {
|
|
auto white_blend = 255 - alpha;
|
|
return (static_cast<int>(component) - white_blend) * 255 / alpha;
|
|
};
|
|
|
|
Color result;
|
|
for (int alpha = start_alpha; alpha <= end_alpha; alpha += alpha_increment) {
|
|
auto red = blend_component(color.red(), alpha);
|
|
auto green = blend_component(color.green(), alpha);
|
|
auto blue = blend_component(color.blue(), alpha);
|
|
|
|
result = Color(
|
|
static_cast<u8>(clamp(red, 0, 255)),
|
|
static_cast<u8>(clamp(green, 0, 255)),
|
|
static_cast<u8>(clamp(blue, 0, 255)),
|
|
static_cast<u8>(alpha));
|
|
|
|
if (red >= 0 && green >= 0 && blue >= 0)
|
|
break;
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
Color highlight(PreferredColorScheme)
|
|
{
|
|
return Color(61, 174, 233, 128);
|
|
}
|
|
|
|
Color highlight_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(20, 20, 20);
|
|
}
|
|
return Color(255, 255, 255);
|
|
}
|
|
|
|
Color link_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(100, 149, 237);
|
|
}
|
|
return Color(0, 0, 238);
|
|
}
|
|
|
|
Color mark(PreferredColorScheme)
|
|
{
|
|
return Color(255, 255, 0);
|
|
}
|
|
|
|
Color mark_text(PreferredColorScheme)
|
|
{
|
|
return Color(0, 0, 0);
|
|
}
|
|
|
|
Color selected_item(PreferredColorScheme)
|
|
{
|
|
return Color(61, 174, 233);
|
|
}
|
|
|
|
Color selected_item_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(20, 20, 20);
|
|
}
|
|
return Color(255, 255, 255);
|
|
}
|
|
|
|
Color visited_text(PreferredColorScheme scheme)
|
|
{
|
|
if (scheme == PreferredColorScheme::Dark) {
|
|
return Color(156, 113, 212);
|
|
}
|
|
return Color(85, 26, 139);
|
|
}
|
|
|
|
}
|