Skip to content

feat: Icon theme support for pause-indicator-lite. Alongside with material icon theme support #384

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ln4r3n wants to merge 2 commits into
base: main
Choose a base branch
from
Open

feat: Icon theme support for pause-indicator-lite. Alongside with material icon theme support #384

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9aea89f
pause-indicator: icon theme support and material icon theme
ln4r3n May 4, 2025
f7a6d6e
docs: add note about icon theme support
ln4r3n May 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions extras/pause-indicator-lite/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,8 +35,9 @@ To adjust them you can either:
| `triangle_height` | 80 | height of triangle (play icon) |
| `flash_play_icon` | yes | flash play icon on unpause (best with pause indicator icon) |
| `flash_icon_timeout` | 0.3 | timeout (seconds) for flash icon |
| `fluent_icons` | no | requires `fonts/fluent-system-icons.ttf` [[details](https://github.com/Samillion/ModernZ/pull/336)] |
| `fluent_icon_size` | 80 | fluent icon size |
| `icon_theme` | fluent | requires `fonts/fluent-system-icons.ttf` [[details](https://github.com/Samillion/ModernZ/pull/336)] for fluent and `fonts/material-design-icons.ttf` for material themes |
| `themed_icons` | no | use icon theme specified in `icon_theme` |
| `themed_icon_size` | 80 | fluent icon size |
| `mute_indicator` | no | show a mute indicator (requires fluent font) |
| `mute_indicator_pos` | middle_right | position of mute indicator. `top_left`, `top_right`, `top_center`. also: `middle_*`, `bottom_*` same as `top_*` (ie: `bottom_right`) |

Expand Down
10 changes: 6 additions & 4 deletions extras/pause-indicator-lite/pause_indicator_lite.conf
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,10 +41,12 @@ flash_play_icon=yes
flash_icon_timeout=0.3

# icon style used in ModernZ osc
# requires fonts/fluent-system-icons.ttf
fluent_icons=no
# fluent icon size
fluent_icon_size=80
# set icon theme. accepts fluent or material
# requires fonts/fluent-system-icons.ttf ot fonts/material-design-icons.ttf
icon_theme=fluent
themed_icons=no
# fluent or material icon size
themed_icon_size=80

# mute options
# show a mute indicator (requires fluent font)
Expand Down
42 changes: 28 additions & 14 deletions extras/pause-indicator-lite/pause_indicator_lite.lua
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,9 +37,10 @@ local options = {
flash_icon_timeout = 0.3, -- timeout (seconds) for flash icon

-- icon style used in ModernZ osc
fluent_icons = false, -- requires fonts/fluent-system-icons.ttf
fluent_icon_size = 80, -- fluent icon size

icon_theme = "fluent", -- set icon theme. accepts "fluent" or "material"
themed_icons = false, -- requires fonts/fluent-system-icons.ttf or fonts/material-design-icons.ttf
themed_icon_size = 80, -- themed icon size

-- mute options
mute_indicator = false, -- show a mute indicator (requires fluent font)
mute_indicator_pos = "middle_right", -- position of mute indicator. top_left, top_right, top_center
Expand All @@ -49,6 +50,21 @@ local options = {
local msg = require "mp.msg"
require 'mp.options'.read_options(options, "pause_indicator_lite")

local icon_theme = {
["fluent"] = {
icon_font = "fluent-system-icons",
pause_icon = "\238\163\140",
play_icon = "\238\166\143",
mute_icon = "\238\173\138",
},
["material"] = {
iconfont = "Material Design Icons",
pause_icon = '\243\176\143\164',
play_icon = '\243\176\144\138',
mute_icon = '\243\176\184\136',
},
}

-- convert color from hex (adjusted from mpv/osc.lua)
local function convert_color(color)
if color:find("^#%x%x%x%x%x%x$") == nil then
Expand All @@ -68,14 +84,14 @@ end
local icon_color = convert_color(options.icon_color)
local icon_border_color = convert_color(options.icon_border_color)
local icon_opacity = convert_opacity(options.icon_opacity)
local icon_font = "fluent-system-icons"
local icons = icon_theme[options.icon_theme] or icon_theme["fluent"]
local iconfont = icons.iconfont

-- pause icon
local function draw_rectangles()
if options.fluent_icons then
local pause_icon = "\238\163\140"
if options.themed_icons then
return string.format([[{\\rDefault\\an5\\alpha&H%s\\bord%s\\1c&H%s&\\3c&H%s&\\fs%s\\fn%s}%s]],
icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.fluent_icon_size, icon_font, pause_icon)
icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.themed_icon_size, icon_font, icons.pause_icon)
else
return string.format([[{\\rDefault\\p1\\an5\\alpha&H%s\\bord%s\\1c&H%s&\\3c&H%s&}m 0 0 l %d 0 l %d %d l 0 %d m %d 0 l %d 0 l %d %d l %d %d{\\p0}]],
icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.rectangles_width, options.rectangles_width,
Expand All @@ -87,10 +103,9 @@ end

-- play icon
local function draw_triangle()
if options.fluent_icons then
local play_icon = "\238\166\143"
if options.themed_icons then
return string.format([[{\\rDefault\\an5\\alpha&H%s\\bord%s\\1c&H%s&\\3c&H%s&\\fs%s\\fn%s}%s]],
icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.fluent_icon_size, icon_font, play_icon)
icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.themed_icon_size, icon_font, icons.play_icon)
else
return string.format([[{\\rDefault\\p1\\an5\\alpha&H%s\\bord%s\\1c&H%s&\\3c&H%s&}m 0 0 l %d %d l 0 %d{\\p0}]],
icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.triangle_width, options.triangle_height / 2, options.triangle_height)
Expand All @@ -99,9 +114,8 @@ end

-- mute icon
local function draw_mute()
if not options.fluent_icons then return end
if not options.themed_icons then return end

local mute_icon = "\238\173\138"
local mute_pos_list = {
["top_left"] = 7,
["top_center"] = 8,
Expand All @@ -115,7 +129,7 @@ local function draw_mute()
}
local mute_pos = mute_pos_list[options.mute_indicator_pos:lower()] or 6
return string.format([[{\\rDefault\\an%s\\alpha&H%s\\bord%s\\1c&H%s&\\3c&H%s&\\fs%s\\fn%s}%s]],
mute_pos, icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.fluent_icon_size, icon_font, mute_icon)
mute_pos, icon_opacity, options.icon_border_width, icon_color, icon_border_color, options.themed_icon_size, icon_font, icons.mute_icon)
end

-- initiate overlay
Expand Down Expand Up @@ -209,7 +223,7 @@ mp.observe_property("osd-dimensions", "native", function()
end
end)

if options.mute_indicator and options.fluent_icons then
if options.mute_indicator and options.themed_icons then
mp.observe_property("mute", "bool", function(_, val)
if val and not mute.visible then mute_icon() else mute:remove() end
end)
Expand Down