ui: Drop fonts-fork-awesome as dependency

Closes: #2343.

- SVG icons from the project have been imported into the static/theme/icons
directory. In future, more icons from this and projects will be included in this
directory. We no longer use glyphicons from a font file.

- SVG icons are more flexible as we can mix and match icons from different
projects like fork-awesome. Each file can be individually tweaked to our needs.

- They do not get anti-aliased like icons from font files.

- They could end being much smaller than a font file which usually 100KiB+. Only
icons used on a page are included in the page.

- They work when font resources are blocked for security reasons like in case of
NoScript extension.

- They don't require separate resource to be loaded as SVG is typically inlined
in the HTML file. This should improve page load time.

- They can be animated and tweaked with CSS/JS.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2026-03-12 23:30:37 -07:00 committed by James Valleroy
parent f768195a13
commit 20ed01dfbc
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
3 changed files with 8 additions and 10 deletions

1
debian/control vendored
View File

@ -78,7 +78,6 @@ Depends:
bind9-dnsutils,
curl,
debconf,
fonts-fork-awesome,
# sgdisk is used in storage app to expand GPT disks
gdisk,
gettext,

View File

@ -24,14 +24,14 @@ class Menu(app.FollowerComponent):
name is the label of the menu item.
icon is the icon to be displayed for the menu item. Icon can be the
name of a glyphicon from the Fork Awesome font's icon set:
https://forkawesome.github.io/Fork-Awesome/icons/. In this case, the
icon name starts with the string 'fa-'. Alternatively, the icon can
also be a file under the directory plinth/modules/<app>/static/icons/,
provided without an extension. SVG icons are preferred. Currently, both
PNG and SVG icons with the same name are used. For example, if the
value of icon is 'myicon' and app_id in App class is 'myapp', then two
icons files plinth/modules/myapp/static/icons/myicon.svg and
name of an SVG icon from the static/theme/icons directory. In this
case, the icon name starts with the string 'fa-' (a tribute to the
fork-awesome project). Alternatively, the icon can also be a file under
the directory plinth/modules/<app>/static/icons/, provided without an
extension. SVG icons are preferred. Currently, both PNG and SVG icons
with the same name are used. For example, if the value of icon is
'myicon' and app_id in App class is 'myapp', then two icons files
plinth/modules/myapp/static/icons/myicon.svg and
plinth/modules/myapp/static/icons/myicon.png are used in the interface.
tags is a list of tags that describe the app. Tags help users to find

View File

@ -52,7 +52,6 @@
<!-- Stylesheets -->
<link rel="stylesheet" href="{% static '/javascript/bootstrap5/css/bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static '/javascript/fork-awesome/css/fork-awesome.css' %}">
<link rel="stylesheet" href="{% static 'theme/css/main.css' %}">
{% if user_css %}
<link rel="stylesheet" href="{% static user_css %}">