mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-09-20 17:58:18 +03:00
a79bac428b
GApplication now has a palette. This palette contains all the system theme colors by default, and is inherited by a new top-level GWidget. New child widgets inherit their parents palette. It is possible to override the GApplication palette, and the palette of any GWidget. The Palette object contains a bunch of colors, each corresponding to a ColorRole. Each role has a convenience getter as well. Each GWidget now has a background_role() and foreground_role(), which are then looked up in their current palette when painting. This means that you no longer alter the background color of a widget by setting it directly, rather you alter either its background role, or the widget's palette.
305 lines
8.8 KiB
C++
305 lines
8.8 KiB
C++
#include <AK/Assertions.h>
|
|
#include <LibDraw/Color.h>
|
|
#include <LibDraw/SystemTheme.h>
|
|
#include <ctype.h>
|
|
#include <stdio.h>
|
|
|
|
Color::Color(NamedColor named)
|
|
{
|
|
struct {
|
|
u8 r;
|
|
u8 g;
|
|
u8 b;
|
|
} rgb;
|
|
|
|
switch (named) {
|
|
case Black:
|
|
rgb = { 0, 0, 0 };
|
|
break;
|
|
case White:
|
|
rgb = { 255, 255, 255 };
|
|
break;
|
|
case Red:
|
|
rgb = { 255, 0, 0 };
|
|
break;
|
|
case Green:
|
|
rgb = { 0, 255, 0 };
|
|
break;
|
|
case Cyan:
|
|
rgb = { 0, 255, 255 };
|
|
break;
|
|
case DarkCyan:
|
|
rgb = { 0, 127, 127 };
|
|
break;
|
|
case MidCyan:
|
|
rgb = { 0, 192, 192 };
|
|
break;
|
|
case Blue:
|
|
rgb = { 0, 0, 255 };
|
|
break;
|
|
case Yellow:
|
|
rgb = { 255, 255, 0 };
|
|
break;
|
|
case Magenta:
|
|
rgb = { 255, 0, 255 };
|
|
break;
|
|
case DarkGray:
|
|
rgb = { 64, 64, 64 };
|
|
break;
|
|
case MidGray:
|
|
rgb = { 127, 127, 127 };
|
|
break;
|
|
case LightGray:
|
|
rgb = { 192, 192, 192 };
|
|
break;
|
|
case MidGreen:
|
|
rgb = { 0, 192, 0 };
|
|
break;
|
|
case MidBlue:
|
|
rgb = { 0, 0, 192 };
|
|
break;
|
|
case MidRed:
|
|
rgb = { 192, 0, 0 };
|
|
break;
|
|
case MidMagenta:
|
|
rgb = { 192, 0, 192 };
|
|
break;
|
|
case DarkGreen:
|
|
rgb = { 0, 128, 0 };
|
|
break;
|
|
case DarkBlue:
|
|
rgb = { 0, 0, 128 };
|
|
break;
|
|
case DarkRed:
|
|
rgb = { 128, 0, 0 };
|
|
break;
|
|
case WarmGray:
|
|
rgb = { 212, 208, 200 };
|
|
break;
|
|
default:
|
|
ASSERT_NOT_REACHED();
|
|
break;
|
|
}
|
|
|
|
m_value = 0xff000000 | (rgb.r << 16) | (rgb.g << 8) | rgb.b;
|
|
}
|
|
|
|
String Color::to_string() const
|
|
{
|
|
return String::format("#%b%b%b%b", red(), green(), blue(), alpha());
|
|
}
|
|
|
|
Optional<Color> Color::from_string(const StringView& string)
|
|
{
|
|
if (string.is_empty())
|
|
return {};
|
|
|
|
struct ColorAndWebName {
|
|
RGBA32 color;
|
|
const char* name;
|
|
};
|
|
|
|
const ColorAndWebName web_colors[] = {
|
|
// CSS Level 1
|
|
{ 0x000000, "black" },
|
|
{ 0xc0c0c0, "silver" },
|
|
{ 0x808080, "gray" },
|
|
{ 0xffffff, "white" },
|
|
{ 0x800000, "maroon" },
|
|
{ 0xff0000, "red" },
|
|
{ 0x800080, "purple" },
|
|
{ 0xff00ff, "fuchsia" },
|
|
{ 0x008000, "green" },
|
|
{ 0x00ff00, "lime" },
|
|
{ 0x808000, "olive" },
|
|
{ 0xffff00, "yellow" },
|
|
{ 0x000080, "navy" },
|
|
{ 0x0000ff, "blue" },
|
|
{ 0x008080, "teal" },
|
|
{ 0x00ffff, "aqua" },
|
|
// CSS Level 2 (Revision 1)
|
|
{ 0xffa500, "orange" },
|
|
// CSS Color Module Level 3
|
|
{ 0xf0f8ff, "aliceblue" },
|
|
{ 0xfaebd7, "antiquewhite" },
|
|
{ 0x7fffd4, "aquamarine" },
|
|
{ 0xf0ffff, "azure" },
|
|
{ 0xf5f5dc, "beige" },
|
|
{ 0xffe4c4, "bisque" },
|
|
{ 0xffebcd, "blanchedalmond" },
|
|
{ 0x8a2be2, "blueviolet" },
|
|
{ 0xa52a2a, "brown" },
|
|
{ 0xdeb887, "burlywood" },
|
|
{ 0x5f9ea0, "cadetblue" },
|
|
{ 0x7fff00, "chartreuse" },
|
|
{ 0xd2691e, "chocolate" },
|
|
{ 0xff7f50, "coral" },
|
|
{ 0x6495ed, "cornflowerblue" },
|
|
{ 0xfff8dc, "cornsilk" },
|
|
{ 0xdc143c, "crimson" },
|
|
{ 0x00ffff, "cyan" },
|
|
{ 0x00008b, "darkblue" },
|
|
{ 0x008b8b, "darkcyan" },
|
|
{ 0xb8860b, "darkgoldenrod" },
|
|
{ 0xa9a9a9, "darkgray" },
|
|
{ 0x006400, "darkgreen" },
|
|
{ 0xa9a9a9, "darkgrey" },
|
|
{ 0xbdb76b, "darkkhaki" },
|
|
{ 0x8b008b, "darkmagenta" },
|
|
{ 0x556b2f, "darkolivegreen" },
|
|
{ 0xff8c00, "darkorange" },
|
|
{ 0x9932cc, "darkorchid" },
|
|
{ 0x8b0000, "darkred" },
|
|
{ 0xe9967a, "darksalmon" },
|
|
{ 0x8fbc8f, "darkseagreen" },
|
|
{ 0x483d8b, "darkslateblue" },
|
|
{ 0x2f4f4f, "darkslategray" },
|
|
{ 0x2f4f4f, "darkslategrey" },
|
|
{ 0x00ced1, "darkturquoise" },
|
|
{ 0x9400d3, "darkviolet" },
|
|
{ 0xff1493, "deeppink" },
|
|
{ 0x00bfff, "deepskyblue" },
|
|
{ 0x696969, "dimgray" },
|
|
{ 0x696969, "dimgrey" },
|
|
{ 0x1e90ff, "dodgerblue" },
|
|
{ 0xb22222, "firebrick" },
|
|
{ 0xfffaf0, "floralwhite" },
|
|
{ 0x228b22, "forestgreen" },
|
|
{ 0xdcdcdc, "gainsboro" },
|
|
{ 0xf8f8ff, "ghostwhite" },
|
|
{ 0xffd700, "gold" },
|
|
{ 0xdaa520, "goldenrod" },
|
|
{ 0xadff2f, "greenyellow" },
|
|
{ 0x808080, "grey" },
|
|
{ 0xf0fff0, "honeydew" },
|
|
{ 0xff69b4, "hotpink" },
|
|
{ 0xcd5c5c, "indianred" },
|
|
{ 0x4b0082, "indigo" },
|
|
{ 0xfffff0, "ivory" },
|
|
{ 0xf0e68c, "khaki" },
|
|
{ 0xe6e6fa, "lavender" },
|
|
{ 0xfff0f5, "lavenderblush" },
|
|
{ 0x7cfc00, "lawngreen" },
|
|
{ 0xfffacd, "lemonchiffon" },
|
|
{ 0xadd8e6, "lightblue" },
|
|
{ 0xf08080, "lightcoral" },
|
|
{ 0xe0ffff, "lightcyan" },
|
|
{ 0xfafad2, "lightgoldenrody" },
|
|
{ 0xd3d3d3, "lightgray" },
|
|
{ 0x90ee90, "lightgreen" },
|
|
{ 0xd3d3d3, "lightgrey" },
|
|
{ 0xffb6c1, "lightpink" },
|
|
{ 0xffa07a, "lightsalmon" },
|
|
{ 0x20b2aa, "lightseagreen" },
|
|
{ 0x87cefa, "lightskyblue" },
|
|
{ 0x778899, "lightslategray" },
|
|
{ 0x778899, "lightslategrey" },
|
|
{ 0xb0c4de, "lightsteelblue" },
|
|
{ 0xffffe0, "lightyellow" },
|
|
{ 0x32cd32, "limegreen" },
|
|
{ 0xfaf0e6, "linen" },
|
|
{ 0xff00ff, "magenta" },
|
|
{ 0x66cdaa, "mediumaquamarin" },
|
|
{ 0x0000cd, "mediumblue" },
|
|
{ 0xba55d3, "mediumorchid" },
|
|
{ 0x9370db, "mediumpurple" },
|
|
{ 0x3cb371, "mediumseagreen" },
|
|
{ 0x7b68ee, "mediumslateblue" },
|
|
{ 0x00fa9a, "mediumspringgre" },
|
|
{ 0x48d1cc, "mediumturquoise" },
|
|
{ 0xc71585, "mediumvioletred" },
|
|
{ 0x191970, "midnightblue" },
|
|
{ 0xf5fffa, "mintcream" },
|
|
{ 0xffe4e1, "mistyrose" },
|
|
{ 0xffe4b5, "moccasin" },
|
|
{ 0xffdead, "navajowhite" },
|
|
{ 0xfdf5e6, "oldlace" },
|
|
{ 0x6b8e23, "olivedrab" },
|
|
{ 0xff4500, "orangered" },
|
|
{ 0xda70d6, "orchid" },
|
|
{ 0xeee8aa, "palegoldenrod" },
|
|
{ 0x98fb98, "palegreen" },
|
|
{ 0xafeeee, "paleturquoise" },
|
|
{ 0xdb7093, "palevioletred" },
|
|
{ 0xffefd5, "papayawhip" },
|
|
{ 0xffdab9, "peachpuff" },
|
|
{ 0xcd853f, "peru" },
|
|
{ 0xffc0cb, "pink" },
|
|
{ 0xdda0dd, "plum" },
|
|
{ 0xb0e0e6, "powderblue" },
|
|
{ 0xbc8f8f, "rosybrown" },
|
|
{ 0x4169e1, "royalblue" },
|
|
{ 0x8b4513, "saddlebrown" },
|
|
{ 0xfa8072, "salmon" },
|
|
{ 0xf4a460, "sandybrown" },
|
|
{ 0x2e8b57, "seagreen" },
|
|
{ 0xfff5ee, "seashell" },
|
|
{ 0xa0522d, "sienna" },
|
|
{ 0x87ceeb, "skyblue" },
|
|
{ 0x6a5acd, "slateblue" },
|
|
{ 0x708090, "slategray" },
|
|
{ 0x708090, "slategrey" },
|
|
{ 0xfffafa, "snow" },
|
|
{ 0x00ff7f, "springgreen" },
|
|
{ 0x4682b4, "steelblue" },
|
|
{ 0xd2b48c, "tan" },
|
|
{ 0xd8bfd8, "thistle" },
|
|
{ 0xff6347, "tomato" },
|
|
{ 0x40e0d0, "turquoise" },
|
|
{ 0xee82ee, "violet" },
|
|
{ 0xf5deb3, "wheat" },
|
|
{ 0xf5f5f5, "whitesmoke" },
|
|
{ 0x9acd32, "yellowgreen" },
|
|
// CSS Color Module Level 4
|
|
{ 0x663399, "rebeccapurple" },
|
|
// (Fallback)
|
|
{ 0x000000, nullptr }
|
|
};
|
|
|
|
for (size_t i = 0; web_colors[i].name; ++i) {
|
|
if (string == web_colors[i].name)
|
|
return Color::from_rgb(web_colors[i].color);
|
|
}
|
|
|
|
if (string[0] != '#')
|
|
return {};
|
|
|
|
auto hex_nibble_to_u8 = [](char nibble) -> Optional<u8> {
|
|
if (!isxdigit(nibble))
|
|
return {};
|
|
if (nibble >= '0' && nibble <= '9')
|
|
return nibble - '0';
|
|
return 10 + (tolower(nibble) - 'a');
|
|
};
|
|
|
|
if (string.length() == 4) {
|
|
Optional<u8> r = hex_nibble_to_u8(string[1]);
|
|
Optional<u8> g = hex_nibble_to_u8(string[2]);
|
|
Optional<u8> b = hex_nibble_to_u8(string[3]);
|
|
if (!r.has_value() || !g.has_value() || !b.has_value())
|
|
return {};
|
|
return Color(r.value() * 17, g.value() * 17, b.value() * 17);
|
|
}
|
|
|
|
if (string.length() != 7 && string.length() != 9)
|
|
return {};
|
|
|
|
auto to_hex = [&](char c1, char c2) -> Optional<u8> {
|
|
auto nib1 = hex_nibble_to_u8(c1);
|
|
auto nib2 = hex_nibble_to_u8(c2);
|
|
if (!nib1.has_value() || !nib2.has_value())
|
|
return {};
|
|
return nib1.value() << 4 | nib2.value();
|
|
};
|
|
|
|
Optional<u8> r = to_hex(string[1], string[2]);
|
|
Optional<u8> g = to_hex(string[3], string[4]);
|
|
Optional<u8> b = to_hex(string[5], string[6]);
|
|
Optional<u8> a = string.length() == 9 ? to_hex(string[7], string[8]) : Optional<u8>(255);
|
|
|
|
if (!r.has_value() || !g.has_value() || !b.has_value() || !a.has_value())
|
|
return {};
|
|
|
|
return Color(r.value(), g.value(), b.value(), a.value());
|
|
}
|