extension ExtPose

Basecamp DarkMode

CRX id

enfhnakmhenplngogenaoklammmlnpoa-

Description from extension meta

Unofficial DarkMode for Basecamp, since they don't provide one.

Image from store Basecamp DarkMode
Description from store The platform 'Basecamp' doesn't not provide Dark Mode. This extension injects a new CSS stylesheet (in simple terms that means changing/updating colors). This extension is the unofficial dark mode for Basecamp. There is no JavaScript involved whatsoever and just contains CSS. UPDATE 0.1.1 - 14 Feb 2021 - Fixed box shadow for project panels - Fixed box shadow for project avatars - Fixed box shadow for breadcrumbs

Latest reviews

  • (2021-09-24) Stefan Hagen: works nice & covers 99% of all BC3 features
  • (2021-09-09) Steven Wade: With the new updates, BC increased the brightness, or appearance thereof. With this plugin, it took away a literal head ache of mine caused by the increased brightness of the app. Now with dark mode, I can browse more easily and calmly.

Latest issues

  • (2022-01-18, v:0.1.1) Jimmy: Fixes for latest update
    As Evan Volmering pointed out, we need a fix for the latest changes. I took his suggested styles and implemented them with a couple other fixes. If you have an extension like Stylish, you can inject these improvements. Just copy/paste the following: .card--project .card__people { position: absolute; bottom: 0.4em; left: 1em; right: 1em; background: #18242B; } .card--project .card__people:before { content:''; position: absolute; height: 2.4em; width: 100%; top: -2.4em; z-index: 1; background: linear-gradient(0deg, #18242B 10%, rgba(255,255,255,0) 100%) } .latest-activity__full-width .activity-item { width: 100%; margin-left: 0; padding: 0 5.8rem; background: #18242B; } nav#my_navigation { background-color: initial; } .card--project .project-purpose-badge:not(.project-purpose-badge--company_hq) { color: inherit; }
  • (2022-01-13, v:0.1.1) Josiah Kopp: Basecamp 4 Layout problem
    With Basecamp 4 being rolled out, the dashboard and some other things aren't working properly. The header bar doesn't go to dark mode from edge to edge.
  • (2022-01-06, v:0.1.1) Evan V: Needs updated for latest changes.
    With the new dashboard, Basecamp changed a few color settings. See below for suggestions. .card--project .card__people { position: absolute; bottom: 0.4em; left: 1em; right: 1em; background: #fff; /* Should be changed to #18242B; */ } .card--project .card__people:before { content: ''; position: absolute; background: linear-graident.... /* Should be changed to #18242B; */ height: 2.4em; width: 100%; top: -2.4em; z-index: 1; } .latest-activity__full-width .activity-item { width: 100%; margin-left: 0; padding: 0 5.8rem; background: #fff; /* Should be changed to #18242B;*/ }

Statistics

Installs
311 history
Category
Rating
5.0 (5 votes)
Last update / version
2021-02-15 / 0.1.1
Listing languages

Links