mirror of
https://github.com/searxng/searxng.git
synced 2026-09-23 14:46:04 +00:00
52284fd320
Icons are provided for the main categories known to us. The distinction between CATEGORY_GROUPS and CATEGORY_NAMES is abandoned in favor of the latter. HINT: we need single-color icons; transparent background and the color must be `currentColor` so that the icons can be used in light/dark themes. The following SVGs from the ionicons had to be revised (use ``currentColor``). - client/simple/src/svg/ionicons/logo-rss.svg - client/simple/src/svg/ionicons/radio-outline.svg - client/simple/src/svg/ionicons/color-palette-outline.svg For the following categories, I did not find any usable icons in Ionicons; new SVGs were created for these categories. - onions: client/simple/src/svg/ionicons/tor-browser.svg - lyrics: client/simple/src/svg/ionicons/song-lyric-music.svg [1] - packages: client/simple/src/svg/ionicons/package_2.svg [1] [1] Based on Google's Material icons: https://fonts.google.com/icons Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
95 lines
3.0 KiB
TypeScript
95 lines
3.0 KiB
TypeScript
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
|
|
/**
|
|
* Generate icons.html for the jinja templates of the simple theme.
|
|
*/
|
|
|
|
import { dirname, resolve } from "node:path";
|
|
import { argv } from "node:process";
|
|
import type { Config as SvgoConfig } from "svgo";
|
|
import { type IconSet, type JinjaMacro, jinja_svg_sets } from "./tools/jinja_svg_catalog.ts";
|
|
|
|
const HERE = `${dirname(argv[1] || "")}/`;
|
|
const dest: string = resolve(HERE, "../../searx/templates/simple/icons.html");
|
|
|
|
const searxng_jinja_macros: JinjaMacro[] = [
|
|
{ name: "icon", class: "sxng-icon-set" },
|
|
{ name: "icon_small", class: "sxng-icon-set-small" },
|
|
{ name: "icon_big", class: "sxng-icon-set-big" }
|
|
];
|
|
|
|
const sxng_icon_opts: SvgoConfig = {
|
|
multipass: true,
|
|
plugins: [
|
|
"removeTitle",
|
|
"removeXMLNS",
|
|
{
|
|
name: "addAttributesToSVGElement",
|
|
params: {
|
|
attributes: [{ "aria-hidden": "true" }]
|
|
}
|
|
}
|
|
]
|
|
};
|
|
|
|
const simple_icons: IconSet[] = [
|
|
{
|
|
base: resolve(HERE, "node_modules/ionicons/dist/svg"),
|
|
set: {
|
|
alert: "alert-outline.svg",
|
|
appstore: "apps-outline.svg",
|
|
book: "book-outline.svg",
|
|
camera: "camera-outline.svg",
|
|
close: "close-outline.svg",
|
|
download: "download-outline.svg",
|
|
"ellipsis-vertical": "ellipsis-vertical-outline.svg",
|
|
"file-tray-full": "file-tray-full-outline.svg",
|
|
"file-tray-stacked": "file-tray-stacked-outline.svg",
|
|
film: "film-outline.svg",
|
|
globe: "globe-outline.svg",
|
|
heart: "heart-outline.svg",
|
|
image: "image-outline.svg",
|
|
language: "language-outline.svg",
|
|
layers: "layers-outline.svg",
|
|
leecher: "arrow-down.svg",
|
|
location: "location-outline.svg",
|
|
magnet: "magnet-outline.svg",
|
|
"musical-notes": "musical-notes-outline.svg",
|
|
"navigate-down": "chevron-down-outline.svg",
|
|
"navigate-left": "chevron-back-outline.svg",
|
|
"navigate-right": "chevron-forward-outline.svg",
|
|
"navigate-up": "chevron-up-outline.svg",
|
|
people: "people-outline.svg",
|
|
play: "play-outline.svg",
|
|
rainy: "rainy-outline.svg",
|
|
save: "save-outline.svg",
|
|
school: "school-outline.svg",
|
|
search: "search-outline.svg",
|
|
seeder: "swap-vertical.svg",
|
|
settings: "settings-outline.svg",
|
|
tv: "tv-outline.svg",
|
|
videocam: "videocam-outline.svg"
|
|
},
|
|
svgo_opts: sxng_icon_opts
|
|
},
|
|
// some of the ionicons are not suitable for a dark theme, we fixed the svg
|
|
// manually in src/svg/ionicons
|
|
// - https://github.com/searxng/searxng/pull/4284#issuecomment-2680550342
|
|
{
|
|
base: resolve(HERE, "src/svg/ionicons"),
|
|
set: {
|
|
"information-circle": "information-circle-outline.svg",
|
|
lyrics: "song-lyric-music.svg",
|
|
newspaper: "newspaper-outline.svg",
|
|
palette: "color-palette-outline.svg",
|
|
package: "package_2.svg",
|
|
radio: "radio-outline.svg",
|
|
rss: "logo-rss.svg",
|
|
tor: "tor-browser.svg"
|
|
},
|
|
svgo_opts: sxng_icon_opts
|
|
}
|
|
];
|
|
|
|
jinja_svg_sets(dest, searxng_jinja_macros, simple_icons);
|