This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greatest.deepsurf.us/scripts/539241/1680334/AO3LucideIcons.js
Basic Usage
Create a new User Script with content that looks roughly like this:
// ==UserScript==
// @name AO3 Stat Icons
// @match https://archiveofourown.org/*
// @author you
// @description Adds icons for stats
// @namespace ao3-stat-icons
// @version 1.0.0
// @icon https://archiveofourown.org/favicon.ico
// @require https://unpkg.com/lucide@latest
// @require https://update.greatest.deepsurf.us/scripts/539241/AO3LucideIcons.js
// ==/UserScript==
(function () {
IconifyAO3({
iconifyStats: true,
iconifyUserNav: true,
});
})();
Will turn the Stat names and the user navigation links into icons.
Settings
All described properties have to be in the settings object that is given to IconifyAO3.
iconifyStats: Boolean - if set to true, stat titles will be turned into icons. (default: false)statsSettings: Object - sets individual options for stat icons. See below. (default: {}. Leaves all stat icons as picked by me)iconifyUserNav: Boolean - if set to true, user navigation texts will be turned into icons. (default: false)userNavSettings: Object - sets individual options for user nav icons. See below. (default: {}. Leaves all navigation icons as picked by me)
Individual Stat Icons
Define individual icons and tooltips, using the statsSettings object.
Properties
icon: String - name of lucide icon (see https://lucide.dev)tooltip: String - description that shows on mouse hover. Default is stats titles.
Example
{
statsSettings: {
kudosOptions: { icon: "hand-heart" }
}
}
Will turn the heart icon for kudos into a hand holding a heart. Note that the default settings will stay intact if not overwritten here.
List of possible Options
languageOptions, wordCountOptions, chaptersOptions, collectionsOptions, commentsOptions, kudosOptions, bookmarksOptions, hitsOptions, workSubsOptions, authorSubsOptions, commentThreadsOptions, challengesOptions, fandomsOptions, workCountOptions, seriesCompleteOptions, kudos2HitsOptions, timeToReadOptions, dateWorkPublishedOptions, dateWorkUpdateOptions, dateWorkCompleteOptions
Individual User Navigation Icons
Define individual icons and tooltips, using the userNavSettings object.
Properties
icon: String - name of lucide icon (see https://lucide.dev)tooltip: String - description that shows on mouse hover.
Example
{
userNavSettings: {
accountOptions: { icon: "square-user" }
}
}
Will turn the round user icon into a rectangular one. Note that the default settings will stay intact if not overwritten here.
List of possible Options
accountOptions, postNewOptions, logoutOptions
