Skip to content

Fluent Reddit Light by tobyisawesome

Imported and mirrored from https://github.com/tobyisawesome/fluentreddit/raw/main/fluentredditlight.user.css

Screenshot of Fluent Reddit Light
Write a review Install Get Stylus

Details

Authortobyisawesome

LicenseNo License

Categoryunset

Created

Updated

Size67 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Fluent Reddit skin

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           Fluent Reddit Light
@namespace      github.com/openstyles/stylus
@version        1.0.4
@description    Fluent Reddit skin
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.reddit.com/") {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: Segoe UI Variable Text !important;
    text-transform: initial !important;
}
body {
    font-size: 14px !important;
    font-family: Segoe UI Variable Text !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}
h1  {
font-size: 28px !important;
font-family: Segoe UI Variable Display !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 36px !important;
}
h2  {
font-size: 20px !important;
font-family: Segoe UI Variable Display !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 28px !important;
}
h3  {
font-size: 14px !important;
font-family: Segoe UI Variable Text !important;
font-style: normal !important;
font-weight: 600 !important;
line-height: 20px !important;
}
h4  {
font-size: 14px !important;
font-family: Segoe UI Variable Text !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 20px !important;
}
p   {
font-size: 12px !important;
font-family: Segoe UI Variable Small !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 16px !important;
}
.icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: FluentSystemIcons-Regular;
}
.icon-upvote:before {
    content: "";
text-align: center;
}
.icon-downvote:before {
    content: "";
text-align: center;
}
.icon-upvote_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
text-align: center;
}
.icon-downvote_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
text-align: center;
}
.icon-comment:before {
    content: "\E3D4";
}
.icon-award:before {
    content: "\F672";
}
.icon-share:before {
    content: "\EAA7";
}
.icon-save:before {
    content: "\E191";
}
.icon-image_post:before {
    content: "\E719";
}
.icon-link_post:before {
    content: "\E771";
}
.icon-overflow_horizontal:before {
    content: "";
}
.icon-search:before {
    content: "";
}
.icon-best:before {
    content: "";
}
.icon-best_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-hot:before {
    content: "";
}
.icon-hot_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-new:before {
    content: "";
}
.icon-new_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-top:before {
    content: "";
}
.icon-top_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-caret_down:before {
    content: "";
}
.icon-rising:before {
    content: "";
}
.icon-rising_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-home_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-popular:before {
    content: "";
}
.icon-popular_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-view_compact:before {
    content: "";
}
.icon-view_compact_fill:before {
    content: "󰁣";
    font-family: FluentSystemIcons-filled;
}
.icon-view_classic:before {
    content: "";
}
.icon-view_classic_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-view_card:before {
    content: "";
}
.icon-view_card_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-coins:before {
    content: "";
}
.icon-mod:before {
    content: "";
}
.icon-mod_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-mod_queue:before {
    content: "";
}
.icon-message:before {
    content: "";
}
.icon-premium_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-premium:before {
    content: "";
}
.icon-topic_activism:before {
    content: "";
}
.icon-add:before {
    content: "";
}
.icon-add_fill:before {
    content: "";
}
.icon-notification:before {
    content: "";
}
.icon-settings:before {
    content: "";
}
.icon-mark_read:before {
    content: "";
}
.icon-mod_mail:before {
    content: "";
}
.icon-chat:before {
    content: "";
}
.icon-star:before {
    content: "";
}
.icon-star_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-side_menu:before {
    content: "󰆚";
}
.icon-close:before {
    content: "";
}
.icon-avatar_style:before {
    content: "";
}
.icon-all:before {
    content: "";
}
.icon-profile:before {
    content: "";
}
.icon-views:before {
    content: "";
}
.icon-community:before {
    content: "";
}
.icon-discover:before {
    content: "";
}
.icon-help:before {
    content: "";
}
.icon-info:before {
    content: "";
}
.icon-rules:before {
    content: "";
}
.icon-tag:before {
    content: "";
}
.icon-checkmark:before {
    content: "";
}
.icon-logout:before {
    content: "";
}
.icon-text_post:before {
    content: "";
}
.icon-text_post_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-image_post_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-link_post:before {
    content: "";
}
.icon-link_post_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-poll_post:before {
    content: "";
}
.icon-poll_post_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-collection:before {
    content: "";
}
.icon-scheduled:before {
    content: "";
}
.icon-scheduled_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-edit:before {
    content: "";
}
.icon-caret_up:before {
    content: "";
}
.icon-clear:before {
    content: "";
}
.icon-bold:before {
    content: "";
}
.icon-bold_fill:before {
    content: "\f12d";
    font-family: FluentSystemIcons-filled;
}
.icon-italic:before {
    content: "";
}
.icon-strikethrough:before {
    content: "";
}
.icon-code_inline:before {
    content: "";
}
.icon-superscript:before {
    content: "";
}
.icon-spoiler:before {
    content: "";
}
.icon-text_size:before {
    content: "";
}
.icon-list_bulleted:before {
    content: "";
}
.icon-quote:before {
    content: "";
}
.icon-code_block:before {
    content: "";
}
.icon-table:before {
    content: "";
}
.icon-list_numbered:before {
    content: "";
}
.icon-list_numbered_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-video_post:before {
    content: "";
}
.icon-italic_fill:before {
    content: "\f1d2";
    font-family: FluentSystemIcons-filled;
}
.icon-strikethrough_fill:before {
    content: "\f29e";
    font-family: FluentSystemIcons-filled;
}
.icon-code_inline_fill:before {
    content: "\f162";
    font-family: FluentSystemIcons-filled;
}
.icon-superscript_fill:before {
    content: "\f2a2";
    font-family: FluentSystemIcons-filled;
}
.icon-spoiler_fill:before {
    content: "\f294";
    font-family: FluentSystemIcons-filled;
}
.icon-text_size_fill:before {
    content: "\f2b6";
    font-family: FluentSystemIcons-filled;
}
.icon-list_bulleted_fill:before {
    content: "\f1e8";
    font-family: FluentSystemIcons-filled;
}
.icon-quote_fill:before {
    content: "\f24d";
    font-family: FluentSystemIcons-filled;
}
.icon-code_block_fill:before {
    content: "\f160";
    font-family: FluentSystemIcons-filled;
}
.icon-table_fill:before {
    content: "\f2ae";
    font-family: FluentSystemIcons-filled;
}
.icon-video_post_fill:before {
    content: "\f360";
    font-family: FluentSystemIcons-filled;
}
.icon-expand:before {
    content: "";
}
.icon-saved:before {
    content: "";
}
.icon-hide:before {
    content: "";
}
.icon-report:before {
    content: "";
}
.icon-approve:before {
    content: "";
}
.icon-remove:before {
    content: "";
}
.icon-spam:before {
    content: "";
}
.icon-statistics:before {
    content: "";
}
.icon-promote_snoo:before {
    content: "";
}
.icon-pin:before {
    content: "";
}
.icon-pin_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-delete:before {
    content: "";
}
.icon-checkbox_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-checkbox:before {
    content: "";
}
.icon-lock:before {
    content: "";
}
.icon-show:before {
    content: "";
}
.icon-karma:before {
    content: "";
}
.icon-share_ios:before {
    content: "";
}
.icon-distinguish:before {
    content: "";
}
.icon-karma_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-home:before {
    content: "";
}
.icon-topic_videogaming:before {
    content: "";
}
.icon-topic_videogaming_fill:before {
    content: "";
    font-family: FluentSystemIcons-filled;
}
.icon-topic_sports:before {
    content: "";
}
.icon-topic_sports_fill:before {
    content...

Reviews

No reviews yet.