Community

How to modify a Bootswatch skin?

NodeBB Development

Suggested Topics

  • Fairuz AfdhalF

    Is it possible to modify user's avatar background?

    NodeBB Development
    0 Votes
    1 Posts
    157 Views
    Fairuz AfdhalF

    by modify user's avatar I meant that to put glow effects behind their avatar or something similar, I saw this post https://community.nodebb.org/topic/975/request-mod-owner-overlay-on-posts, is it possible now?

  • E

    Custom CSS/JS access to theme/skin colors

    Moved NodeBB Development
    1 Votes
    2 Posts
    526 Views
    julianJ

    oof... maybe, but not yet, I don't think.

    We can use LESS insomuch that what is entered is parsed back out into CSS, but because we don't rerun "variables.less" from bootstrap, then you can't really use variables.

    I'd recommend opening up an issue in our bug tracker so we can get this in if it's something you want 🙂

  • P

    Turn off Skin in Persona Theme

    Moved NodeBB Development
    0 Votes
    4 Posts
    1510 Views
    P

    @pichalite Thank you! This working!

  • jareyJ

    Modify arguments of user:profileLinks hook

    NodeBB Development
    1 Votes
    5 Posts
    1793 Views
    pichaliteP

    @jarey I believe the approach is to add breaking changes to major releases so, probably for 2.0.0 I think

  • JenklerJ

    Any good guides for color modify?

    NodeBB Development
    0 Votes
    1 Posts
    622 Views
    JenklerJ

    I am trying to modify vanilla style without modifying the source: CUSTOM CSS

    a { color: #222222; }
    a:hover { color: #444444; }

    .alert-warning
    {
    background-color: #eeeeee;
    border-color: #dddddd;
    color: #222222;
    }

    .btn-primary
    {
    color: #ffffff;
    background-color: #774653;
    border-color: #643b46;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary
    {
    color: #ffffff;
    background-color: #8a5261;
    border-color: #774653;
    }

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.focus, .btn-primary.disabled:active, .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active
    {
    background-color: #8a5261;
    border-color: #774653;
    }

    .btn-warning
    {
    color: #ffffff;
    background-color: #eb025a;
    border-color: #de0255;
    }

    .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning
    {
    color: #ffffff;
    background-color: #f50660;
    border-color: #e9055b;
    }

    .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus
    {
    color: #ffffff;
    background-color: #b4103a;
    }

    .btn-primary.active{background-color:#000000;border-color:#2e6da4}

    .btn-info
    {
    color: #ffffff;
    background-color: #444444;
    border-color: #222222;
    }

    .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info
    {
    color: #ffffff;
    background-color: #774653;
    border-color: #643b46;
    }

    .account-username-box .open #profile
    {
    background-color: #666666;
    border-color: #643b46;
    }

    Is there any documentation on what class is doing what, and so on?

Copyright © 2023 NodeBB | Contributors