summaryrefslogtreecommitdiff
path: root/themes/gtk/theme.lua
diff options
context:
space:
mode:
authorzachir <zachir@librem.one>2021-09-12 00:16:03 -0500
committerzachir <zachir@librem.one>2021-09-12 00:16:03 -0500
commit39a43d551613a0d352941b850773e63923bd9eaa (patch)
tree7a9f13dca5fb88ce63f4e0e8589a03dcd1b22409 /themes/gtk/theme.lua
Initialize lua config
Diffstat (limited to 'themes/gtk/theme.lua')
-rw-r--r--themes/gtk/theme.lua352
1 files changed, 352 insertions, 0 deletions
diff --git a/themes/gtk/theme.lua b/themes/gtk/theme.lua
new file mode 100644
index 0000000..bd9ffb2
--- /dev/null
+++ b/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