Skip to content

FreePik.com – Dark Enhanced [Ath] by Athari

Imported and mirrored from https://github.com/Athari/AthariUserCSS/raw/master/FreePik/FreePik-DarkEnhanced.user.css

Screenshot of FreePik.com – Dark Enhanced [Ath]
Homepage Write a review Install Get Stylus

Details

AuthorAthari

LicenseMIT

Categoryfreepik

Created

Updated

Size301 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for FreePik.com with configurable enhancements: hiding ads/AI/premium, color scheme etc.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           FreePik.com – Dark Enhanced [Ath]
@namespace      athari
@version        1.0.0
@description    Dark theme for FreePik.com with configurable enhancements: hiding ads/AI/premium, color scheme etc.
@author         Athari (https://github.com/Athari)
@homepageURL    https://github.com/Athari/AthariUserCSS
@supportURL     https://github.com/Athari/AthariUserCSS/issues
@license        MIT
@preprocessor   default

@var            select   ath-color-scheme       "Controls color scheme"  ["light:Light", "dark:Dark*"]
@var            checkbox ath-show-ads           "Show ads"               0
@var            checkbox ath-show-upsell        "Show upsell"            0
@var            checkbox ath-show-ai            "Show AI tools"          1
@var            select   ath-show-premium-items "Premium items"          ["show:Show*", "shade:Shade", "hide:Hide"]
@var            select   ath-show-ai-items      "AI items"               ["show:Show", "shade:Shade", "hide:Hide*"]

@var            range    l "Lightness base"     [1.2, -2.0, 2.0, 0.02]
@var            range    m "Lightness contrast" [-1.0, -2.0, 2.0, 0.02]
@var            range    c "Chroma base"        [0.0, 0.0, 0.40, 0.01]
@var            range    d "Chroma contrast"    [1.0, -2.0, 2.0, 0.02]
@var            range    h "Hue base"           [250, 0, 360, 2]
@var            range    i "Hue contrast"       [1.0, -2.0, 2.0, 0.05]
@var            checkbox y "Invert images"      0
==/UserStyle== */

@-moz-document domain("www.freepik.com") {
  /*
   * generated
   * formula: dark-full
   * site: freepik.com
   */
  :root {
    /* color transparent n=144 rgba(0, 0, 0, 0) oklch(0 0 0 / 0) */
    --c-transparent: oklch(from transparent calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color white n=32 rgb(255, 255, 255) oklch(1 0 180) */
    --c-white: oklch(from #fff calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgba(0,0,0,.1) n=31 rgba(0, 0, 0, 0.1) oklch(0 0 0 / 0.1) */
    --c-rgba-0-0-0-0_1: oklch(from rgba(0, 0, 0, 0.1) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(255 255 255/var(--tw-text-opacity)) n=24 rgba(255, 255, 255, var(--tw-text-opacity)) oklch(1 0 180 / var(--tw-text-opacity)) */
    --c-rgb-255-255-255-to: oklch(from rgb(255 255 255 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(66 66 66/var(--tw-bg-opacity)) n=20 rgba(66, 66, 66, var(--tw-bg-opacity)) oklch(0.38 0 170.54 / var(--tw-bg-opacity)) */
    --c-rgb-66-66-66-bgo: oklch(from rgb(66 66 66 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(229 229 229/var(--tw-bg-opacity)) n=19 rgba(229, 229, 229, var(--tw-bg-opacity)) oklch(0.92 0 172.88 / var(--tw-bg-opacity)) */
    --c-rgb-229-229-229-bgo: oklch(from rgb(229 229 229 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(51 106 234/var(--tw-text-opacity)) n=19 rgba(51, 106, 234, var(--tw-text-opacity)) oklch(0.56 0.2 263.63 / var(--tw-text-opacity)) */
    --c-rgb-51-106-234-to: oklch(from rgb(51 106 234 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(156 156 156/var(--tw-text-opacity)) n=18 rgba(156, 156, 156, var(--tw-text-opacity)) oklch(0.69 0 180 / var(--tw-text-opacity)) */
    --c-rgb-156-156-156-to: oklch(from rgb(156 156 156 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(216 216 216/var(--tw-text-opacity)) n=18 rgba(216, 216, 216, var(--tw-text-opacity)) oklch(0.88 0 180 / var(--tw-text-opacity)) */
    --c-rgb-216-216-216-to: oklch(from rgb(216 216 216 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(119 119 119/var(--tw-text-opacity)) n=16 rgba(119, 119, 119, var(--tw-text-opacity)) oklch(0.57 0 180 / var(--tw-text-opacity)) */
    --c-rgb-119-119-119-to: oklch(from rgb(119 119 119 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(255 255 255/var(--tw-bg-opacity)) n=15 rgba(255, 255, 255, var(--tw-bg-opacity)) oklch(1 0 180 / var(--tw-bg-opacity)) */
    --c-rgb-255-255-255-bgo: oklch(from rgb(255 255 255 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(255 255 255/var(--tw-border-opacity)) n=14 rgba(255, 255, 255, var(--tw-border-opacity)) oklch(1 0 180 / var(--tw-border-opacity)) */
    --c-rgb-255-255-255-bo: oklch(from rgb(255 255 255 / var(--tw-border-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(51 106 234/var(--tw-bg-opacity)) n=13 rgba(51, 106, 234, var(--tw-bg-opacity)) oklch(0.56 0.2 263.63 / var(--tw-bg-opacity)) */
    --c-rgb-51-106-234-bgo: oklch(from rgb(51 106 234 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgba(0,0,0,.8) n=12 rgba(0, 0, 0, 0.8) oklch(0 0 0 / 0.8) */
    --c-rgba-0-0-0-0_8: oklch(from rgba(0, 0, 0, 0.8) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(13 13 13/var(--tw-bg-opacity)) n=12 rgba(13, 13, 13, var(--tw-bg-opacity)) oklch(0.16 0 180 / var(--tw-bg-opacity)) */
    --c-rgb-13-13-13-bgo: oklch(from rgb(13 13 13 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(216 216 216/var(--tw-border-opacity)) n=12 rgba(216, 216, 216, var(--tw-border-opacity)) oklch(0.88 0 180 / var(--tw-border-opacity)) */
    --c-rgb-216-216-216-bo: oklch(from rgb(216 216 216 / var(--tw-border-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(41 85 187/var(--tw-bg-opacity)) n=12 rgba(41, 85, 187, var(--tw-bg-opacity)) oklch(0.48 0.17 263.67 / var(--tw-bg-opacity)) */
    --c-rgb-41-85-187-bgo: oklch(from rgb(41 85 187 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgba(0,0,0,.2) n=11 rgba(0, 0, 0, 0.2) oklch(0 0 0 / 0.2) */
    --c-rgba-0-0-0-0_2: oklch(from rgba(0, 0, 0, 0.2) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color hsla(0,0%,100%,.2) n=11 rgba(255, 255, 255, 0.2) oklch(1 0 180 / 0.2) */
    --c-hsla-0-0-100-0_2: oklch(from hsla(0, 0%, 100%, 0.2) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color #336aea n=10 rgb(51, 106, 234) oklch(0.56 0.2 263.63) */
    --c-336aea: oklch(from #336aea calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(177 177 177/var(--tw-text-opacity)) n=10 rgba(177, 177, 177, var(--tw-text-opacity)) oklch(0.76 0 191.31 / var(--tw-text-opacity)) */
    --c-rgb-177-177-177-to: oklch(from rgb(177 177 177 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color hsla(0,0%,7%,.02) n=10 rgba(18, 18, 18, 0.02) oklch(0.18 0 164.06 / 0.02) */
    --c-hsla-0-0-7-0_02: oklch(from hsla(0, 0%, 7%, 0.02) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(247 247 247/var(--tw-bg-opacity)) n=10 rgba(247, 247, 247, var(--tw-bg-opacity)) oklch(0.98 0 172.41 / var(--tw-bg-opacity)) */
    --c-rgb-247-247-247-bgo: oklch(from rgb(247 247 247 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(51 106 234/var(--tw-border-opacity)) n=10 rgba(51, 106, 234, var(--tw-border-opacity)) oklch(0.56 0.2 263.63 / var(--tw-border-opacity)) */
    --c-rgb-51-106-234-bo: oklch(from rgb(51 106 234 / var(--tw-border-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(13 13 13/var(--tw-border-opacity)) n=9 rgba(13, 13, 13, var(--tw-border-opacity)) oklch(0.16 0 180 / var(--tw-border-opacity)) */
    --c-rgb-13-13-13-bo: oklch(from rgb(13 13 13 / var(--tw-border-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(13 13 13/var(--tw-text-opacity)) n=9 rgba(13, 13, 13, var(--tw-text-opacity)) oklch(0.16 0 180 / var(--tw-text-opacity)) */
    --c-rgb-13-13-13-to: oklch(from rgb(13 13 13 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(200 200 200/var(--tw-text-opacity)) n=9 rgba(200, 200, 200, var(--tw-text-opacity)) oklch(0.83 0 180 / var(--tw-text-opacity)) */
    --c-rgb-200-200-200-to: oklch(from rgb(200 200 200 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(240 240 240/var(--tw-bg-opacity)) n=9 rgba(240, 240, 240, var(--tw-bg-opacity)) oklch(0.96 0 180 / var(--tw-bg-opacity)) */
    --c-rgb-240-240-240-bgo: oklch(from rgb(240 240 240 / var(--tw-bg-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + var(--i) * h));
    /* color rgb(247 247 247/var(--tw-text-opacity)) n=9 rgba(247, 247, 247, var(--tw-text-opacity)) oklch(0.98 0 172.41 / var(--tw-text-opacity)) */
    --c-rgb-247-247-247-to: oklch(from rgb(247 247 247 / var(--tw-text-opacity)) calc(var(--l) + var(--m) * l) calc(var(--c) + var(--d) * c) calc(var(--h) + va...

Reviews

No reviews yet.