From 069c4ff5fe6ed8150de9aebe1d484d74ad049b58 Mon Sep 17 00:00:00 2001 From: zachir Date: Fri, 10 Feb 2023 12:47:42 -0600 Subject: add awesome as part of dotfiles, not separate repo --- awesome/themes/gtk/theme.lua | 352 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 352 insertions(+) create mode 100644 awesome/themes/gtk/theme.lua (limited to 'awesome/themes/gtk') diff --git a/awesome/themes/gtk/theme.lua b/awesome/themes/gtk/theme.lua new file mode 100644 index 0000000..bd9ffb2 --- /dev/null +++ b/awesome/themes/gtk/theme.lua @@ -0,0 +1,352 @@ +---------------------------------------------- +-- Awesome theme which follows GTK+ 3 theme -- +-- by Yauhen Kirylau -- +---------------------------------------------- + +local theme_assets = require("beautiful.theme_assets") +local dpi = require("beautiful.xresources").apply_dpi +local gfs = require("gears.filesystem") +local themes_path = gfs.get_themes_dir() +local gears_shape = require("gears.shape") +local wibox = require("wibox") +local awful_widget_clienticon = require("awful.widget.clienticon") +local gtk = require("beautiful.gtk") + + +-- Helper functions for modifying hex colors: +-- +local hex_color_match = "[a-fA-F0-9][a-fA-F0-9]" +local function darker(color_value, darker_n) + local result = "#" + local channel_counter = 1 + for s in color_value:gmatch(hex_color_match) do + local bg_numeric_value = tonumber("0x"..s) + if channel_counter <= 3 then + bg_numeric_value = bg_numeric_value - darker_n + end + if bg_numeric_value < 0 then bg_numeric_value = 0 end + if bg_numeric_value > 255 then bg_numeric_value = 255 end + result = result .. string.format("%02x", bg_numeric_value) + channel_counter = channel_counter + 1 + end + return result +end +local function is_dark(color_value) + local bg_numeric_value = 0; + local channel_counter = 1 + for s in color_value:gmatch(hex_color_match) do + bg_numeric_value = bg_numeric_value + tonumber("0x"..s); + if channel_counter == 3 then + break + end + channel_counter = channel_counter + 1 + end + local is_dark_bg = (bg_numeric_value < 383) + return is_dark_bg +end +local function mix(color1, color2, ratio) + ratio = ratio or 0.5 + local result = "#" + local channels1 = color1:gmatch(hex_color_match) + local channels2 = color2:gmatch(hex_color_match) + for _ = 1,3 do + local bg_numeric_value = math.ceil( + tonumber("0x"..channels1())*ratio + + tonumber("0x"..channels2())*(1-ratio) + ) + if bg_numeric_value < 0 then bg_numeric_value = 0 end + if bg_numeric_value > 255 then bg_numeric_value = 255 end + result = result .. string.format("%02x", bg_numeric_value) + end + return result +end +local function reduce_contrast(color, ratio) + ratio = ratio or 50 + return darker(color, is_dark(color) and -ratio or ratio) +end + +local function choose_contrast_color(reference, candidate1, candidate2) -- luacheck: no unused + if is_dark(reference) then + if not is_dark(candidate1) then + return candidate1 + else + return candidate2 + end + else + if is_dark(candidate1) then + return candidate1 + else + return candidate2 + end + end +end + + +-- inherit xresources theme: +local theme = dofile(themes_path.."xresources/theme.lua") +-- load and prepare for use gtk theme: +theme.gtk = gtk.get_theme_variables() +if not theme.gtk then + local gears_debug = require("gears.debug") + gears_debug.print_warning("Can't load GTK+3 theme. Using 'xresources' theme as a fallback.") + return theme +end +theme.gtk.button_border_radius = dpi(theme.gtk.button_border_radius or 0) +theme.gtk.button_border_width = dpi(theme.gtk.button_border_width or 1) +theme.gtk.bold_font = theme.gtk.font_family .. ' Bold ' .. theme.gtk.font_size +theme.gtk.menubar_border_color = mix( + theme.gtk.menubar_bg_color, + theme.gtk.menubar_fg_color, + 0.7 +) + + +theme.font = theme.gtk.font_family .. ' ' .. theme.gtk.font_size + +theme.bg_normal = theme.gtk.bg_color +theme.fg_normal = theme.gtk.fg_color + +theme.wibar_bg = theme.gtk.menubar_bg_color +theme.wibar_fg = theme.gtk.menubar_fg_color + +theme.bg_focus = theme.gtk.selected_bg_color +theme.fg_focus = theme.gtk.selected_fg_color + +theme.bg_urgent = theme.gtk.error_bg_color +theme.fg_urgent = theme.gtk.error_fg_color + +theme.bg_minimize = mix(theme.wibar_fg, theme.wibar_bg, 0.3) +theme.fg_minimize = mix(theme.wibar_fg, theme.wibar_bg, 0.9) + +theme.bg_systray = theme.wibar_bg + +theme.border_normal = theme.gtk.wm_border_unfocused_color +theme.border_focus = theme.gtk.wm_border_focused_color +theme.border_marked = theme.gtk.success_color + +theme.border_width = dpi(theme.gtk.button_border_width or 1) +theme.border_radius = theme.gtk.button_border_radius + +theme.useless_gap = dpi(3) + +local rounded_rect_shape = function(cr,w,h) + gears_shape.rounded_rect( + cr, w, h, theme.border_radius + ) +end + +-- There are other variable sets +-- overriding the default one when +-- defined, the sets are: +-- taglist_[bg|fg|shape|shape_border_color|shape_border_width]_[focus|urgent|occupied|empty|volatile] +-- tasklist_[bg|fg|shape|shape_border_color|shape_border_width]_[focus|urgent|minimized] +-- titlebar_[bg|fg]_[normal|focus] +-- tooltip_[font|opacity|fg_color|bg_color|border_width|border_color] +-- mouse_finder_[color|timeout|animate_timeout|radius|factor] + +theme.tasklist_fg_normal = theme.wibar_fg +theme.tasklist_bg_normal = theme.wibar_bg +theme.tasklist_fg_focus = theme.tasklist_fg_normal +theme.tasklist_bg_focus = theme.tasklist_bg_normal + +theme.tasklist_font_focus = theme.gtk.bold_font + +theme.tasklist_shape_minimized = rounded_rect_shape +theme.tasklist_shape_border_color_minimized = mix( + theme.bg_minimize, + theme.fg_minimize, + 0.85 +) +theme.tasklist_shape_border_width_minimized = theme.gtk.button_border_width + +theme.tasklist_spacing = theme.gtk.button_border_width + +--[[ Advanced taglist and tasklist styling: {{{ + +--- In order to get taglist and tasklist to follow GTK theme you need to +-- modify your rc.lua in the following way: + +diff --git a/rc.lua b/rc.lua +index 231a2f68c..533a859d2 100644 +--- a/rc.lua ++++ b/rc.lua +@@ -217,24 +217,12 @@ awful.screen.connect_for_each_screen(function(s) + filter = awful.widget.taglist.filter.all, + buttons = taglist_buttons + } ++ -- and apply shape to it ++ if beautiful.taglist_shape_container then ++ local background_shape_wrapper = wibox.container.background(s.mytaglist) ++ background_shape_wrapper._do_taglist_update_now = s.mytaglist._do_taglist_update_now ++ background_shape_wrapper._do_taglist_update = s.mytaglist._do_taglist_update ++ background_shape_wrapper.shape = beautiful.taglist_shape_container ++ background_shape_wrapper.shape_clip = beautiful.taglist_shape_clip_container ++ background_shape_wrapper.shape_border_width = beautiful.taglist_shape_border_width_container ++ background_shape_wrapper.shape_border_color = beautiful.taglist_shape_border_color_container ++ s.mytaglist = background_shape_wrapper ++ end + + -- Create a tasklist widget + s.mytasklist = awful.widget.tasklist { + screen = s, + filter = awful.widget.tasklist.filter.currenttags, ++ buttons = tasklist_buttons, ++ widget_template = beautiful.tasklist_widget_template +- buttons = tasklist_buttons + } + +--]] +theme.tasklist_widget_template = { + { + { + { + { + id = 'clienticon', + widget = awful_widget_clienticon, + }, + margins = dpi(4), + widget = wibox.container.margin, + }, + { + id = 'text_role', + widget = wibox.widget.textbox, + }, + layout = wibox.layout.fixed.horizontal, + }, + left = dpi(2), + right = dpi(4), + widget = wibox.container.margin + }, + id = 'background_role', + widget = wibox.container.background, + create_callback = function(self, c) + self:get_children_by_id('clienticon')[1].client = c + end, +} + +theme.taglist_shape_container = rounded_rect_shape +theme.taglist_shape_clip_container = true +theme.taglist_shape_border_width_container = theme.gtk.button_border_width * 2 +theme.taglist_shape_border_color_container = theme.gtk.header_button_border_color +-- }}} + +theme.taglist_bg_occupied = theme.gtk.header_button_bg_color +theme.taglist_fg_occupied = theme.gtk.header_button_fg_color + +theme.taglist_bg_empty = mix( + theme.gtk.menubar_bg_color, + theme.gtk.header_button_bg_color, + 0.3 +) +theme.taglist_fg_empty = mix( + theme.gtk.menubar_bg_color, + theme.gtk.header_button_fg_color +) + +theme.titlebar_font_normal = theme.gtk.bold_font +theme.titlebar_bg_normal = theme.gtk.wm_border_unfocused_color +theme.titlebar_fg_normal = theme.gtk.wm_title_unfocused_color +--theme.titlebar_fg_normal = choose_contrast_color( + --theme.titlebar_bg_normal, + --theme.gtk.menubar_fg_color, + --theme.gtk.menubar_bg_color +--) + +theme.titlebar_font_focus = theme.gtk.bold_font +theme.titlebar_bg_focus = theme.gtk.wm_border_focused_color +theme.titlebar_fg_focus = theme.gtk.wm_title_focused_color +--theme.titlebar_fg_focus = choose_contrast_color( + --theme.titlebar_bg_focus, + --theme.gtk.menubar_fg_color, + --theme.gtk.menubar_bg_color +--) + +theme.tooltip_fg = theme.gtk.tooltip_fg_color +theme.tooltip_bg = theme.gtk.tooltip_bg_color + +-- Variables set for theming the menu: +-- menu_[bg|fg]_[normal|focus] +-- menu_[border_color|border_width] + +theme.menu_border_width = theme.gtk.button_border_width +theme.menu_border_color = theme.gtk.menubar_border_color +theme.menu_bg_normal = theme.gtk.menubar_bg_color +theme.menu_fg_normal = theme.gtk.menubar_fg_color + +-- @TODO: get from gtk menu height +theme.menu_height = dpi(24) +theme.menu_width = dpi(150) +theme.menu_submenu_icon = nil +theme.menu_submenu = "▸ " + +-- You can add as many variables as +-- you wish and access them by using +-- beautiful.variable in your rc.lua +--theme.bg_widget = "#cc0000" + + +-- Recolor Layout icons: +theme = theme_assets.recolor_layout(theme, theme.wibar_fg) + +-- Recolor titlebar icons: +-- +theme = theme_assets.recolor_titlebar( + theme, theme.titlebar_fg_normal, "normal" +) +theme = theme_assets.recolor_titlebar( + theme, reduce_contrast(theme.titlebar_fg_normal, 50), "normal", "hover" +) +theme = theme_assets.recolor_titlebar( + theme, theme.gtk.error_bg_color, "normal", "press" +) +theme = theme_assets.recolor_titlebar( + theme, theme.titlebar_fg_focus, "focus" +) +theme = theme_assets.recolor_titlebar( + theme, reduce_contrast(theme.titlebar_fg_focus, 50), "focus", "hover" +) +theme = theme_assets.recolor_titlebar( + theme, theme.gtk.error_bg_color, "focus", "press" +) + +-- Define the icon theme for application icons. If not set then the icons +-- from /usr/share/icons and /usr/share/icons/hicolor will be used. +theme.icon_theme = nil + +-- Generate Awesome icon: +theme.awesome_icon = theme_assets.awesome_icon( + theme.menu_height, mix(theme.bg_focus, theme.fg_normal), theme.wibar_bg +) + +-- Generate taglist squares: +--local taglist_square_size = dpi(4) +--theme.taglist_squares_sel = theme_assets.taglist_squares_sel( + --taglist_square_size, theme.gtk.header_button_border_color +--) +--theme.taglist_squares_unsel = theme_assets.taglist_squares_unsel( + --taglist_square_size, theme.gtk.header_button_border_color +--) +-- Or disable them: +theme.taglist_squares_sel = nil +theme.taglist_squares_unsel = nil + +-- Generate wallpaper: +local wallpaper_bg = theme.gtk.base_color +local wallpaper_fg = theme.gtk.bg_color +local wallpaper_alt_fg = theme.gtk.selected_bg_color +if not is_dark(theme.bg_normal) then + wallpaper_bg, wallpaper_fg = wallpaper_fg, wallpaper_bg +end +wallpaper_bg = reduce_contrast(wallpaper_bg, 50) +wallpaper_fg = reduce_contrast(wallpaper_fg, 30) +wallpaper_fg = mix(wallpaper_fg, wallpaper_bg, 0.4) +wallpaper_alt_fg = mix(wallpaper_alt_fg, wallpaper_fg, 0.4) +-- theme.wallpaper = function(s) +-- return theme_assets.wallpaper(wallpaper_bg, wallpaper_fg, wallpaper_alt_fg, s) +-- end +theme.wallpaper = "~/background.png" +wallpaper_cmd = "nitrogen --restore" + +return theme + +-- vim: filetype=lua:expandtab:shiftwidth=4:tabstop=8:softtabstop=4:textwidth=80:foldmethod=marker -- cgit v1.2.3