Khan Academy Photon2 Profile Background by shipment22ka

Details

Authorshipment22ka

LicensePublic Domain

Categorykhanacademy.org

Created1 year, 11 months ago

Updated1 year, 11 months ago

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Changes all Khan Academy profile dashboards to have the photon-2 profile background. This stylesheet does NOT account for other backgrounds.

Notes

Features:

Changes all user profiles to have the photon-2 background instead of the "clean and simple modern" white background.
Fixes the colors to work with the dark background.
Fixes the energy points being off-center vertically.

Source code

/* ==UserStyle==
@name         Khan Academy Photon2 Profile Background
@version      20230104.19.37
@namespace    userstyles.world/user/shipment22ka
@description  Changes all Khan Academy profile dashboards to have the photon-2 profile background. This stylesheet does NOT account for other backgrounds.
@author       shipment22ka
@license      Public Domain
==/UserStyle== */

@-moz-document regexp("http(s):\\/\\/\\w+.khanacademy.org\\/profile\\/.+") {
/*
 * @name    Khan Academy Photon2 Profile Background
 * @namespace   khanacademy.org
 * @version 1.0
*/


.user-info {
    background: url(https://cdn.kastatic.org/images/profile/backgrounds/bg-photon-2.jpg) center / cover;
}

._1ell7dku, span.badge-category > * {
    color: #cdd6f4!important;
}

.user-deets:is(:hover,:focus), .profile-badge-count-container:is(:hover,:focus), .user-avatar-background:is(:hover,:focus), ._4f6nmsc:is(:hover,:focus) {
    background-color: #112!important;
}
.float-left {
    background-color: #0000!important;
}

._pot4j9l, ._4f6nmsc {
    color: #89b4fa!important;
    border-color: #89b4fa!important;
}

.energy-points-badge {
    display: inline-flex;
    align-items: center;
    background-color: #59e!important;
    font-size: .7rem;
    height: 1.4em;
}
}

Reviews

No reviews yet.