# Implement Badging API

**URL:** <https://meta.discourse.org/t/implement-badging-api/111631>\
**Category:** Feature\
**Tags:** rfc, pwa\
**Created:** [March 14, 2019, 10:12pm UTC](https://meta.discourse.org/t/implement-badging-api/111631 "2019-03-14T22:12:10Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [March 19, 2019, 2:37pm UTC](https://meta.discourse.org/t/implement-badging-api/111631/5 "2019-03-19T14:37:04Z")

</div>

You can also detect it from CSS, here is one thing I added as a theme-component to the Dark Theme here in Meta:

```scss
@media all and (display-mode: standalone) {
    
    //blink-based browsers (don't work on safari, which exposes a JS only API for this)
    ::-webkit-scrollbar {
        background: $secondary;
    }
    ::-webkit-scrollbar-thumb {
        background: $header_primary-medium;
    }
    ::-webkit-scrollbar-corner {
        background: $secondary;
    }
    
    //firefox
    body {
        scrollbar-color: $header_primary-medium $secondary;
    }
}

```

---

_[View the full topic](https://meta.discourse.org/t/implement-badging-api/111631)._