// Copyright (c) 2010 The Chromium Authors. All rights reserved. // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. #include "gfx/native_theme_linux.h" #include "base/logging.h" #include "gfx/size.h" #include "gfx/rect.h" namespace gfx { unsigned int NativeThemeLinux::button_length_ = 14; unsigned int NativeThemeLinux::scrollbar_width_ = 15; unsigned int NativeThemeLinux::thumb_inactive_color_ = 0xeaeaea; unsigned int NativeThemeLinux::thumb_active_color_ = 0xf4f4f4; unsigned int NativeThemeLinux::track_color_ = 0xd3d3d3; #if !defined(OS_CHROMEOS) // Chromeos has a different look. // static NativeThemeLinux* NativeThemeLinux::instance() { // The global NativeThemeLinux instance. static NativeThemeLinux s_native_theme; return &s_native_theme; } #endif NativeThemeLinux::NativeThemeLinux() { } NativeThemeLinux::~NativeThemeLinux() { } gfx::Size NativeThemeLinux::GetSize(Part part) const { switch (part) { case kScrollbarDownArrow: case kScrollbarUpArrow: return gfx::Size(scrollbar_width_, button_length_); case kScrollbarLeftArrow: case kScrollbarRightArrow: return gfx::Size(button_length_, scrollbar_width_); case kScrollbarHorizontalThumb: // This matches Firefox on Linux. return gfx::Size(2 * scrollbar_width_, scrollbar_width_); case kScrollbarVerticalThumb: // This matches Firefox on Linux. return gfx::Size(scrollbar_width_, 2 * scrollbar_width_); break; case kScrollbarHorizontalTrack: return gfx::Size(0, scrollbar_width_); case kScrollbarVerticalTrack: return gfx::Size(scrollbar_width_, 0); } return gfx::Size(); } void NativeThemeLinux::PaintArrowButton( skia::PlatformCanvas* canvas, const gfx::Rect& rect, Part direction, State state) { int widthMiddle, lengthMiddle; SkPaint paint; if (direction == kScrollbarUpArrow || direction == kScrollbarDownArrow) { widthMiddle = rect.width() / 2 + 1; lengthMiddle = rect.height() / 2 + 1; } else { lengthMiddle = rect.width() / 2 + 1; widthMiddle = rect.height() / 2 + 1; } // Calculate button color. SkScalar trackHSV[3]; SkColorToHSV(track_color_, trackHSV); SkColor buttonColor = SaturateAndBrighten(trackHSV, 0, 0.2); SkColor backgroundColor = buttonColor; if (state == kPressed) { SkScalar buttonHSV[3]; SkColorToHSV(buttonColor, buttonHSV); buttonColor = SaturateAndBrighten(buttonHSV, 0, -0.1); } else if (state == kHover) { SkScalar buttonHSV[3]; SkColorToHSV(buttonColor, buttonHSV); buttonColor = SaturateAndBrighten(buttonHSV, 0, 0.05); } SkIRect skrect; skrect.set(rect.x(), rect.y(), rect.x() + rect.width(), rect.y() + rect.height()); // Paint the background (the area visible behind the rounded corners). paint.setColor(backgroundColor); canvas->drawIRect(skrect, paint); // Paint the button's outline and fill the middle SkPath outline; switch (direction) { case kScrollbarUpArrow: outline.moveTo(rect.x() + 0.5, rect.y() + rect.height() + 0.5); outline.rLineTo(0, -(rect.height() - 2)); outline.rLineTo(2, -2); outline.rLineTo(rect.width() - 5, 0); outline.rLineTo(2, 2); outline.rLineTo(0, rect.height() - 2); break; case kScrollbarDownArrow: outline.moveTo(rect.x() + 0.5, rect.y() - 0.5); outline.rLineTo(0, rect.height() - 2); outline.rLineTo(2, 2); outline.rLineTo(rect.width() - 5, 0); outline.rLineTo(2, -2); outline.rLineTo(0, -(rect.height() - 2)); break; case kScrollbarRightArrow: outline.moveTo(rect.x() - 0.5, rect.y() + 0.5); outline.rLineTo(rect.width() - 2, 0); outline.rLineTo(2, 2); outline.rLineTo(0, rect.height() - 5); outline.rLineTo(-2, 2); outline.rLineTo(-(rect.width() - 2), 0); break; case kScrollbarLeftArrow: outline.moveTo(rect.x() + rect.width() + 0.5, rect.y() + 0.5); outline.rLineTo(-(rect.width() - 2), 0); outline.rLineTo(-2, 2); outline.rLineTo(0, rect.height() - 5); outline.rLineTo(2, 2); outline.rLineTo(rect.width() - 2, 0); break; default: break; } outline.close(); paint.setStyle(SkPaint::kFill_Style); paint.setColor(buttonColor); canvas->drawPath(outline, paint); paint.setAntiAlias(true); paint.setStyle(SkPaint::kStroke_Style); SkScalar thumbHSV[3]; SkColorToHSV(thumb_inactive_color_, thumbHSV); paint.setColor(OutlineColor(trackHSV, thumbHSV)); canvas->drawPath(outline, paint); // If the button is disabled or read-only, the arrow is drawn with the // outline color. if (state != kDisabled) paint.setColor(SK_ColorBLACK); paint.setAntiAlias(false); paint.setStyle(SkPaint::kFill_Style); SkPath path; // The constants in this block of code are hand-tailored to produce good // looking arrows without anti-aliasing. switch (direction) { case kScrollbarUpArrow: path.moveTo(rect.x() + widthMiddle - 4, rect.y() + lengthMiddle + 2); path.rLineTo(7, 0); path.rLineTo(-4, -4); break; case kScrollbarDownArrow: path.moveTo(rect.x() + widthMiddle - 4, rect.y() + lengthMiddle - 3); path.rLineTo(7, 0); path.rLineTo(-4, 4); break; case kScrollbarRightArrow: path.moveTo(rect.x() + lengthMiddle - 3, rect.y() + widthMiddle - 4); path.rLineTo(0, 7); path.rLineTo(4, -4); break; case kScrollbarLeftArrow: path.moveTo(rect.x() + lengthMiddle + 1, rect.y() + widthMiddle - 5); path.rLineTo(0, 9); path.rLineTo(-4, -4); break; default: break; } path.close(); canvas->drawPath(path, paint); } void NativeThemeLinux::Paint(skia::PlatformCanvas* canvas, Part part, State state, const gfx::Rect& rect, const ExtraParams& extra) { switch (part) { case kScrollbarDownArrow: case kScrollbarUpArrow: case kScrollbarLeftArrow: case kScrollbarRightArrow: PaintArrowButton(canvas, rect, part, state); break; case kScrollbarHorizontalThumb: case kScrollbarVerticalThumb: PaintThumb(canvas, part, state, rect); break; case kScrollbarHorizontalTrack: case kScrollbarVerticalTrack: PaintTrack(canvas, part, state, extra.scrollbar_track, rect); break; } } void NativeThemeLinux::PaintTrack(skia::PlatformCanvas* canvas, Part part, State state, const ScrollbarTrackExtraParams& extra_params, const gfx::Rect& rect) { SkPaint paint; SkIRect skrect; skrect.set(rect.x(), rect.y(), rect.right(), rect.bottom()); SkScalar track_hsv[3]; SkColorToHSV(track_color_, track_hsv); paint.setColor(SaturateAndBrighten(track_hsv, 0, 0)); canvas->drawIRect(skrect, paint); SkScalar thumb_hsv[3]; SkColorToHSV(thumb_inactive_color_, thumb_hsv); paint.setColor(OutlineColor(track_hsv, thumb_hsv)); DrawBox(canvas, rect, paint); } void NativeThemeLinux::PaintThumb(skia::PlatformCanvas* canvas, Part part, State state, const gfx::Rect& rect) { const bool hovered = state == kHover; const int midx = rect.x() + rect.width() / 2; const int midy = rect.y() + rect.height() / 2; const bool vertical = part == kScrollbarVerticalThumb; SkScalar thumb[3]; SkColorToHSV(hovered ? thumb_active_color_ : thumb_inactive_color_, thumb); SkPaint paint; paint.setColor(SaturateAndBrighten(thumb, 0, 0.02)); SkIRect skrect; if (vertical) skrect.set(rect.x(), rect.y(), midx + 1, rect.y() + rect.height()); else skrect.set(rect.x(), rect.y(), rect.x() + rect.width(), midy + 1); canvas->drawIRect(skrect, paint); paint.setColor(SaturateAndBrighten(thumb, 0, -0.02)); if (vertical) { skrect.set( midx + 1, rect.y(), rect.x() + rect.width(), rect.y() + rect.height()); } else { skrect.set( rect.x(), midy + 1, rect.x() + rect.width(), rect.y() + rect.height()); } canvas->drawIRect(skrect, paint); SkScalar track[3]; SkColorToHSV(track_color_, track); paint.setColor(OutlineColor(track, thumb)); DrawBox(canvas, rect, paint); if (rect.height() > 10 && rect.width() > 10) { const int grippy_half_width = 2; const int inter_grippy_offset = 3; if (vertical) { DrawHorizLine(canvas, midx - grippy_half_width, midx + grippy_half_width, midy - inter_grippy_offset, paint); DrawHorizLine(canvas, midx - grippy_half_width, midx + grippy_half_width, midy, paint); DrawHorizLine(canvas, midx - grippy_half_width, midx + grippy_half_width, midy + inter_grippy_offset, paint); } else { DrawVertLine(canvas, midx - inter_grippy_offset, midy - grippy_half_width, midy + grippy_half_width, paint); DrawVertLine(canvas, midx, midy - grippy_half_width, midy + grippy_half_width, paint); DrawVertLine(canvas, midx + inter_grippy_offset, midy - grippy_half_width, midy + grippy_half_width, paint); } } } void NativeThemeLinux::DrawVertLine(SkCanvas* canvas, int x, int y1, int y2, const SkPaint& paint) const { SkIRect skrect; skrect.set(x, y1, x + 1, y2 + 1); canvas->drawIRect(skrect, paint); } void NativeThemeLinux::DrawHorizLine(SkCanvas* canvas, int x1, int x2, int y, const SkPaint& paint) const { SkIRect skrect; skrect.set(x1, y, x2 + 1, y + 1); canvas->drawIRect(skrect, paint); } void NativeThemeLinux::DrawBox(SkCanvas* canvas, const gfx::Rect& rect, const SkPaint& paint) const { const int right = rect.x() + rect.width() - 1; const int bottom = rect.y() + rect.height() - 1; DrawHorizLine(canvas, rect.x(), right, rect.y(), paint); DrawVertLine(canvas, right, rect.y(), bottom, paint); DrawHorizLine(canvas, rect.x(), right, bottom, paint); DrawVertLine(canvas, rect.x(), rect.y(), bottom, paint); } SkScalar NativeThemeLinux::Clamp(SkScalar value, SkScalar min, SkScalar max) const { return std::min(std::max(value, min), max); } SkColor NativeThemeLinux::SaturateAndBrighten(SkScalar* hsv, SkScalar saturate_amount, SkScalar brighten_amount) const { SkScalar color[3]; color[0] = hsv[0]; color[1] = Clamp(hsv[1] + saturate_amount, 0.0, 1.0); color[2] = Clamp(hsv[2] + brighten_amount, 0.0, 1.0); return SkHSVToColor(color); } SkColor NativeThemeLinux::OutlineColor(SkScalar* hsv1, SkScalar* hsv2) const { // GTK Theme engines have way too much control over the layout of // the scrollbar. We might be able to more closely approximate its // look-and-feel, if we sent whole images instead of just colors // from the browser to the renderer. But even then, some themes // would just break. // // So, instead, we don't even try to 100% replicate the look of // the native scrollbar. We render our own version, but we make // sure to pick colors that blend in nicely with the system GTK // theme. In most cases, we can just sample a couple of pixels // from the system scrollbar and use those colors to draw our // scrollbar. // // This works fine for the track color and the overall thumb // color. But it fails spectacularly for the outline color used // around the thumb piece. Not all themes have a clearly defined // outline. For some of them it is partially transparent, and for // others the thickness is very unpredictable. // // So, instead of trying to approximate the system theme, we // instead try to compute a reasonable looking choice based on the // known color of the track and the thumb piece. This is difficult // when trying to deal both with high- and low-contrast themes, // and both with positive and inverted themes. // // The following code has been tested to look OK with all of the // default GTK themes. SkScalar min_diff = Clamp((hsv1[1] + hsv2[1]) * 1.2, 0.28, 0.5); SkScalar diff = Clamp(fabs(hsv1[2] - hsv2[2]) / 2, min_diff, 0.5); if (hsv1[2] + hsv2[2] > 1.0) diff = -diff; return SaturateAndBrighten(hsv2, -0.2, diff); } void NativeThemeLinux::SetScrollbarColors(unsigned inactive_color, unsigned active_color, unsigned track_color) const { thumb_inactive_color_ = inactive_color; thumb_active_color_ = active_color; track_color_ = track_color; } } // namespace gfx