Skip to content

DoC: Darker 4PDA - Color overrides by dark

Screenshot of DoC: Darker 4PDA - Color overrides

Details

Authordark

LicenseCC BY-NC

Category4pda

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Внимание!
Данный стиль не изменяет ничего сам по себе, он предоставляет возможность изменить цвета, размер текста и пару настроек базового стиля [DoC] Darker 4PDA.

Цвета используются в формате HSL, в данном стиле уже имеется четыре преднастроенных цвета — зелёный, оранжевый, красный и синий, которые вы можете удалить, либо изменить по своему желанию.
Возможны следующие изменения:
--fz — размер шрифта;
--fg-* — в формате HSL, цвет текста;
--bg-* — в формате HSL, цвет фона;
--accent-* — в формате HSL, цвет ссылок, рамок, кнопок и т.п.;
--fg-accent — в любом формате, цвет текста у акцентированных элементов.

Notes

2021-10-26

  • добавлен домен 4pda.to
  • добавлена переменная --fg-accent, для возможности изменения цвета текста у элементов с акцентированным фоном

Source code

/* ==UserStyle==
@name           DoC: Darker 4PDA - Color overrides
@namespace      https://darklab.ru
@author         Dark Preacher <dark@darklab.ru> (https://darklab.ru)
@version        1.0.1
@license        CC-BY-NC-4.0
==/UserStyle== */
@-moz-document regexp("https?://4pda.(ru|to)/forum/.*")
{
  :root
  {
    /* Default font size */
    --fz: 16px;

    /* Text color: hue, saturation, lightness */
    --fg-h: 0;
    --fg-s: 0%;
    --fg-l: 95%;

    /* Background color: hue, saturation, lightness */
    --bg-h: 0;
    --bg-s: 0%;
    --bg-l: 5%;

    /* Accent color: hue, saturation, lightness */

    /* Green */
    --accent-h: 76;
    --accent-s: 50%;
    --accent-l: 48%;

    /* Orange */
    /* --accent-h : 29;
    --accent-s : 100%;
    --accent-l : 42%; */

    /* Red */
    /* --accent-h: 11;
    --accent-s: 100%;
    --accent-l: 61%; */

    /* Pale blue */
    /* --accent-h: 215;
    --accent-s: 32%;
    --accent-l: 43%; */

    /* Text color on accent background */
    --fg-accent: var(--bg);
  }
}

Reviews

No reviews yet.