mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-10 13:00:29 +03:00
7cd2e739f2
It was a tad too bright. Also make sure we're using the same color in all the different places. At some point it would be nice to improve global color settings, etc.
229 lines
10 KiB
C++
229 lines
10 KiB
C++
#include <LibDraw/Painter.h>
|
|
#include <LibDraw/StylePainter.h>
|
|
|
|
void StylePainter::paint_tab_button(Painter& painter, const Rect& rect, bool active, bool hovered, bool enabled)
|
|
{
|
|
Color base_color = Color::WarmGray;
|
|
Color highlight_color2 = Color::from_rgb(0xe8e7e4);
|
|
Color shadow_color1 = Color::from_rgb(0x808080);
|
|
Color shadow_color2 = Color::from_rgb(0x404040);
|
|
|
|
if (hovered && enabled && !active)
|
|
base_color = StylePainter::hover_highlight_color();
|
|
|
|
PainterStateSaver saver(painter);
|
|
painter.translate(rect.location());
|
|
|
|
// Base
|
|
painter.fill_rect({ 1, 1, rect.width() - 2, rect.height() - 1 }, base_color);
|
|
|
|
// Top line
|
|
painter.draw_line({ 2, 0 }, { rect.width() - 3, 0 }, highlight_color2);
|
|
|
|
// Left side
|
|
painter.draw_line({ 0, 2 }, { 0, rect.height() - 1 }, highlight_color2);
|
|
painter.set_pixel({ 1, 1 }, highlight_color2);
|
|
|
|
// Right side
|
|
painter.draw_line({
|
|
rect.width() - 1,
|
|
2,
|
|
},
|
|
{ rect.width() - 1, rect.height() - 1 }, shadow_color2);
|
|
painter.draw_line({
|
|
rect.width() - 2,
|
|
2,
|
|
},
|
|
{ rect.width() - 2, rect.height() - 1 }, shadow_color1);
|
|
painter.set_pixel({
|
|
rect.width() - 2,
|
|
1,
|
|
},
|
|
shadow_color2);
|
|
}
|
|
|
|
static void paint_button_new(Painter& painter, const Rect& rect, bool pressed, bool checked, bool hovered, bool enabled)
|
|
{
|
|
Color button_color = Color::WarmGray;
|
|
Color highlight_color2 = Color::from_rgb(0xe8e7e4);
|
|
Color shadow_color1 = Color::from_rgb(0x808080);
|
|
Color shadow_color2 = Color::from_rgb(0x404040);
|
|
|
|
if (checked && enabled) {
|
|
if (hovered)
|
|
button_color = Color::from_rgb(0xe3dfdb);
|
|
else
|
|
button_color = Color::from_rgb(0xd6d2ce);
|
|
} else if (hovered && enabled)
|
|
button_color = StylePainter::hover_highlight_color();
|
|
|
|
PainterStateSaver saver(painter);
|
|
painter.translate(rect.location());
|
|
|
|
if (pressed || checked) {
|
|
// Base
|
|
painter.fill_rect({ 1, 1, rect.width() - 2, rect.height() - 2 }, button_color);
|
|
|
|
painter.draw_rect({ {}, rect.size() }, shadow_color2);
|
|
|
|
// Sunken shadow
|
|
painter.draw_line({ 1, 1 }, { rect.width() - 2, 1 }, shadow_color1);
|
|
painter.draw_line({ 1, 2 }, { 1, rect.height() - 2 }, shadow_color1);
|
|
} else {
|
|
// Base
|
|
painter.fill_rect({ 1, 1, rect.width() - 3, rect.height() - 3 }, button_color);
|
|
|
|
// Outer highlight
|
|
painter.draw_line({ 0, 0 }, { rect.width() - 2, 0 }, highlight_color2);
|
|
painter.draw_line({ 0, 1 }, { 0, rect.height() - 2 }, highlight_color2);
|
|
|
|
// Outer shadow
|
|
painter.draw_line({ 0, rect.height() - 1 }, { rect.width() - 1, rect.height() - 1 }, shadow_color2);
|
|
painter.draw_line({ rect.width() - 1, 0 }, { rect.width() - 1, rect.height() - 2 }, shadow_color2);
|
|
|
|
// Inner shadow
|
|
painter.draw_line({ 1, rect.height() - 2 }, { rect.width() - 2, rect.height() - 2 }, shadow_color1);
|
|
painter.draw_line({ rect.width() - 2, 1 }, { rect.width() - 2, rect.height() - 3 }, shadow_color1);
|
|
}
|
|
}
|
|
|
|
void StylePainter::paint_button(Painter& painter, const Rect& rect, ButtonStyle button_style, bool pressed, bool hovered, bool checked, bool enabled)
|
|
{
|
|
if (button_style == ButtonStyle::Normal)
|
|
return paint_button_new(painter, rect, pressed, checked, hovered, enabled);
|
|
|
|
Color button_color = checked ? Color::from_rgb(0xd6d2ce) : Color::WarmGray;
|
|
Color highlight_color = Color::White;
|
|
Color shadow_color = Color(96, 96, 96);
|
|
|
|
if (button_style == ButtonStyle::CoolBar && !enabled)
|
|
return;
|
|
|
|
PainterStateSaver saver(painter);
|
|
painter.translate(rect.location());
|
|
|
|
if (pressed || checked) {
|
|
// Base
|
|
painter.fill_rect({ 1, 1, rect.width() - 2, rect.height() - 2 }, button_color);
|
|
|
|
// Sunken shadow
|
|
painter.draw_line({ 1, 1 }, { rect.width() - 2, 1 }, shadow_color);
|
|
painter.draw_line({ 1, 2 }, { 1, rect.height() - 2 }, shadow_color);
|
|
|
|
// Bottom highlight
|
|
painter.draw_line({ rect.width() - 2, 1 }, { rect.width() - 2, rect.height() - 3 }, highlight_color);
|
|
painter.draw_line({ 1, rect.height() - 2 }, { rect.width() - 2, rect.height() - 2 }, highlight_color);
|
|
} else if (button_style == ButtonStyle::CoolBar && hovered) {
|
|
// Base
|
|
painter.fill_rect({ 1, 1, rect.width() - 2, rect.height() - 2 }, button_color);
|
|
|
|
// White highlight
|
|
painter.draw_line({ 1, 1 }, { rect.width() - 2, 1 }, highlight_color);
|
|
painter.draw_line({ 1, 2 }, { 1, rect.height() - 2 }, highlight_color);
|
|
|
|
// Gray shadow
|
|
painter.draw_line({ rect.width() - 2, 1 }, { rect.width() - 2, rect.height() - 3 }, shadow_color);
|
|
painter.draw_line({ 1, rect.height() - 2 }, { rect.width() - 2, rect.height() - 2 }, shadow_color);
|
|
}
|
|
}
|
|
|
|
void StylePainter::paint_surface(Painter& painter, const Rect& rect, bool paint_vertical_lines, bool paint_top_line)
|
|
{
|
|
painter.fill_rect({ rect.x(), rect.y() + 1, rect.width(), rect.height() - 2 }, Color::WarmGray);
|
|
painter.draw_line(rect.top_left(), rect.top_right(), paint_top_line ? Color::White : Color::WarmGray);
|
|
painter.draw_line(rect.bottom_left(), rect.bottom_right(), Color::MidGray);
|
|
if (paint_vertical_lines) {
|
|
painter.draw_line(rect.top_left().translated(0, 1), rect.bottom_left().translated(0, -1), Color::White);
|
|
painter.draw_line(rect.top_right(), rect.bottom_right().translated(0, -1), Color::MidGray);
|
|
}
|
|
}
|
|
|
|
void StylePainter::paint_frame(Painter& painter, const Rect& rect, FrameShape shape, FrameShadow shadow, int thickness, bool skip_vertical_lines)
|
|
{
|
|
Color top_left_color;
|
|
Color bottom_right_color;
|
|
Color dark_shade = Color::from_rgb(0x808080);
|
|
Color light_shade = Color::from_rgb(0xffffff);
|
|
|
|
if (shape == FrameShape::Container && thickness >= 2) {
|
|
if (shadow == FrameShadow::Raised) {
|
|
dark_shade = Color::from_rgb(0x404040);
|
|
}
|
|
}
|
|
|
|
if (shadow == FrameShadow::Raised) {
|
|
top_left_color = light_shade;
|
|
bottom_right_color = dark_shade;
|
|
} else if (shadow == FrameShadow::Sunken) {
|
|
top_left_color = dark_shade;
|
|
bottom_right_color = light_shade;
|
|
} else if (shadow == FrameShadow::Plain) {
|
|
top_left_color = dark_shade;
|
|
bottom_right_color = dark_shade;
|
|
}
|
|
|
|
if (thickness >= 1) {
|
|
painter.draw_line(rect.top_left(), rect.top_right(), top_left_color);
|
|
painter.draw_line(rect.bottom_left(), rect.bottom_right(), bottom_right_color);
|
|
|
|
if (shape != FrameShape::Panel || !skip_vertical_lines) {
|
|
painter.draw_line(rect.top_left().translated(0, 1), rect.bottom_left().translated(0, -1), top_left_color);
|
|
painter.draw_line(rect.top_right(), rect.bottom_right().translated(0, -1), bottom_right_color);
|
|
}
|
|
}
|
|
|
|
if (shape == FrameShape::Container && thickness >= 2) {
|
|
Color top_left_color;
|
|
Color bottom_right_color;
|
|
Color dark_shade = Color::from_rgb(0x404040);
|
|
Color light_shade = Color::WarmGray;
|
|
if (shadow == FrameShadow::Raised) {
|
|
dark_shade = Color::from_rgb(0x808080);
|
|
top_left_color = light_shade;
|
|
bottom_right_color = dark_shade;
|
|
} else if (shadow == FrameShadow::Sunken) {
|
|
top_left_color = dark_shade;
|
|
bottom_right_color = light_shade;
|
|
} else if (shadow == FrameShadow::Plain) {
|
|
top_left_color = dark_shade;
|
|
bottom_right_color = dark_shade;
|
|
}
|
|
Rect inner_container_frame_rect = rect.shrunken(2, 2);
|
|
painter.draw_line(inner_container_frame_rect.top_left(), inner_container_frame_rect.top_right(), top_left_color);
|
|
painter.draw_line(inner_container_frame_rect.bottom_left(), inner_container_frame_rect.bottom_right(), bottom_right_color);
|
|
painter.draw_line(inner_container_frame_rect.top_left().translated(0, 1), inner_container_frame_rect.bottom_left().translated(0, -1), top_left_color);
|
|
painter.draw_line(inner_container_frame_rect.top_right(), inner_container_frame_rect.bottom_right().translated(0, -1), bottom_right_color);
|
|
}
|
|
|
|
if (shape == FrameShape::Box && thickness >= 2) {
|
|
swap(top_left_color, bottom_right_color);
|
|
Rect inner_rect = rect.shrunken(2, 2);
|
|
painter.draw_line(inner_rect.top_left(), inner_rect.top_right(), top_left_color);
|
|
painter.draw_line(inner_rect.bottom_left(), inner_rect.bottom_right(), bottom_right_color);
|
|
painter.draw_line(inner_rect.top_left().translated(0, 1), inner_rect.bottom_left().translated(0, -1), top_left_color);
|
|
painter.draw_line(inner_rect.top_right(), inner_rect.bottom_right().translated(0, -1), bottom_right_color);
|
|
}
|
|
}
|
|
|
|
void StylePainter::paint_window_frame(Painter& painter, const Rect& rect)
|
|
{
|
|
Color base_color = Color::WarmGray;
|
|
Color dark_shade = Color::from_rgb(0x404040);
|
|
Color mid_shade = Color::from_rgb(0x808080);
|
|
Color light_shade = Color::from_rgb(0xffffff);
|
|
|
|
painter.draw_line(rect.top_left(), rect.top_right(), base_color);
|
|
painter.draw_line(rect.top_left().translated(0, 1), rect.bottom_left(), base_color);
|
|
painter.draw_line(rect.top_left().translated(1, 1), rect.top_right().translated(-1, 1), light_shade);
|
|
painter.draw_line(rect.top_left().translated(1, 1), rect.bottom_left().translated(1, -1), light_shade);
|
|
painter.draw_line(rect.top_left().translated(2, 2), rect.top_right().translated(-2, 2), base_color);
|
|
painter.draw_line(rect.top_left().translated(2, 2), rect.bottom_left().translated(2, -2), base_color);
|
|
|
|
painter.draw_line(rect.top_right(), rect.bottom_right(), dark_shade);
|
|
painter.draw_line(rect.top_right().translated(-1, 1), rect.bottom_right().translated(-1, -1), mid_shade);
|
|
painter.draw_line(rect.top_right().translated(-2, 2), rect.bottom_right().translated(-2, -2), base_color);
|
|
painter.draw_line(rect.bottom_left(), rect.bottom_right(), dark_shade);
|
|
painter.draw_line(rect.bottom_left().translated(1, -1), rect.bottom_right().translated(-1, -1), mid_shade);
|
|
painter.draw_line(rect.bottom_left().translated(2, -2), rect.bottom_right().translated(-2, -2), base_color);
|
|
}
|