☰

AO3LucideIcons

Reusable library that initialized lucide icons and serves functions to turn stats and menus into icons

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/539241/1607168/AO3LucideIcons.js

作者
genusslicht
版本
1.0.0
创建于
2025-06-12
更新于
2025-06-13
大小
14.1 KB
许可证
MIT

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.gf.qytechs.cn/scripts/539241/1607154/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

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址