GITHUB . COM {}

Detected CMS Systems:

Wordpress (2 occurrences)

Analyzed Page
Matching Content Categories
CMS
Monthly Traffic Estimate
How Does Github.com Make Money
How Much Does Github.com Make
Wordpress Themes And Plugins
Keywords
Topics
Payment Methods
Questions
Schema
External Links
Analytics And Tracking
Libraries
Hosting Providers

We are analyzing https://github.com/squidfunk/mkdocs-material/discussions/5062.

Title:
Version warning hard to read in dark mode · squidfunk/mkdocs-material · Discussion #5062 · GitHub
Description:
I copied the version warning html from the documentation: https://squidfunk.github.io/mkdocs-material/setup/setting-up-versioning/?h=ver#version-warning. However, there is not enough contrast betwe...
Website Age:
17 years and 9 months (reg. 2007-10-09).

Matching Content Categories {📚}

Technology & Computing
Photography
Mobile Technology & AI

Content Management System {📝}

What CMS is github.com built with?

Github.com utilizes WORDPRESS.

Traffic Estimate {📈}

What is the average monthly size of github.com audience?

🚀🌠 Tremendous Traffic: 10M - 20M visitors per month

Based on our best estimate, this website will receive around 10,666,394 visitors per month in the current month.

check SE Ranking
check Ahrefs
check Similarweb
check Ubersuggest
check Semrush

How Does Github.com Make Money? {💸}

Subscription Packages {💳}

We've located a dedicated page on github.com that might include details about subscription plans or recurring payments. We identified it based on the word pricing in one of its internal links. Below, you'll find additional estimates for its monthly recurring revenues.

How Much Does Github.com Make? {💰}

Subscription Packages {💳}

Prices on github.com are in US Dollars ($). They range from $4.00/month to $21.00/month.
We estimate that the site has approximately 5,347,507 paying customers.
The estimated monthly recurring revenue (MRR) is $22,459,531.
The estimated annual recurring revenues (ARR) are $269,514,368.

Wordpress Themes and Plugins {🎨}

What WordPress theme does this site use?

It is strange but we were not able to detect any theme on the page.

What WordPress plugins does this website use?

It is strange but we were not able to detect any plugins on the page.

Keywords {🔍}

warning, squidfunk, version, color, sign, background, hsla, dark, mode, additionally, answer, replies, navigation, security, answered, patrick, easy, fix, fixed, light, scheme, consistent, css, variables, introduced, overriding, foreground, mkdocsmaterialsrcassetsstylesheetsmaincolorsscss, lines, shades, mdwarningfgcolor, mdwarningbgcolor, maintainer, github, footer, skip, content, menu, product, solutions, resources, open, source, enterprise, pricing, search, jump, mkdocsmaterial, public, notifications,

Topics {✒️}

mkdocs-material/src/assets/stylesheets/main/_colors io/mkdocs-material/setup/setting md-warning-fg-color md-warning-bg-color version warning html version warning background squidfunk patrick-5546 asked version warning squidfunk fixed link color header color foreground color squidfunk sign dark mode dark mode light scheme css variables minimal reproduction comment category � personal information background clashes //squidfunk easy fix patrick-5546 2 answered background github easy fix sign skip jump read question copied documentation https versioning/ contrast additionally 981ee65 consistent introduced overriding hsla work create issue marked free

Payment Methods {📊}

Braintree

Questions {❓}

Already have an account?
Could I please ask you to create a new issue with a minimal reproduction?
Would this be easy to fix?
Io/mkdocs-material/setup/setting-up-versioning/?

Schema {🗺️}

QAPage:
 context:https://schema.org
 mainEntity:
 type:Question
 name:Version warning hard to read in dark mode
 text:I copied the version warning html from the documentation: <a href="https://squidfunk.github.io/mkdocs-material/setup/setting-up-versioning/?h=ver#version-warning" rel="nofollow">https://squidfunk.github.io/mkdocs-material/setup/setting-up-versioning/?h=ver#version-warning</a>. However, there is not enough contrast between the version warning background and link color in dark mode. Additionally, the background clashes with the header color. Would this be easy to fix? <a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/65756895/219543491-0477ac98-fa0c-45ce-ad50-134ed88b5b70.png"><img width="390" alt="image" src="https://user-images.githubusercontent.com/65756895/219543491-0477ac98-fa0c-45ce-ad50-134ed88b5b70.png" style="max-width: 100%;"></a>
 upvoteCount:2
 answerCount:2
 acceptedAnswer:
 type:Answer
 text:Fixed in <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399/hovercard" href="https://github.com/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399"><tt>981ee65</tt></a>. The version warning will now always use the light scheme, so it's consistent: <a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/932156/219855933-797a2a24-9dad-4a14-807d-32f1269fc943.png"><img src="https://user-images.githubusercontent.com/932156/219855933-797a2a24-9dad-4a14-807d-32f1269fc943.png" alt="screenshot-localhost-8000-mkdocs-material-getting-started-1676716632790" style="max-width: 100%;"></a> Additionally, two new CSS variables were introduced that allow for overriding the background and foreground color: <div class="Box Box--condensed my-2"> <div class="Box-header f6"> <a href="https://github.com/squidfunk/mkdocs-material/blob/981ee65498a15c35f572651636f2272fb3dfc399/src/assets/stylesheets/main/_colors.scss#L114-L116">mkdocs-material/src/assets/stylesheets/main/_colors.scss</a> Lines 114 to 116 in <a data-pjax="true" class="commit-tease-sha Link--inTextBlock" href="/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399">981ee65</a> </div> <div itemprop="text" class="Box-body p-0 blob-wrapper blob-wrapper-embedded data"> <table class="highlight tab-size mb-0 js-file-line-container" data-tab-size="8" data-paste-markdown-skip=""> <tbody><tr class="border-0"> <td id="L114" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="114"></td> <td id="LC114" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> // Warning color shades </td> </tr> <tr class="border-0"> <td id="L115" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="115"></td> <td id="LC115" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> --md-warning-fg-color: hsla(0, 0%, 0%, 0.87); </td> </tr> <tr class="border-0"> <td id="L116" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="116"></td> <td id="LC116" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> --md-warning-bg-color: hsla(60, 100%, 80%, 1); </td> </tr> </tbody></table> </div> </div> 
 upvoteCount:1
 url:https://github.com/squidfunk/mkdocs-material/discussions/5062#discussioncomment-5017747
Question:
 name:Version warning hard to read in dark mode
 text:I copied the version warning html from the documentation: <a href="https://squidfunk.github.io/mkdocs-material/setup/setting-up-versioning/?h=ver#version-warning" rel="nofollow">https://squidfunk.github.io/mkdocs-material/setup/setting-up-versioning/?h=ver#version-warning</a>. However, there is not enough contrast between the version warning background and link color in dark mode. Additionally, the background clashes with the header color. Would this be easy to fix? <a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/65756895/219543491-0477ac98-fa0c-45ce-ad50-134ed88b5b70.png"><img width="390" alt="image" src="https://user-images.githubusercontent.com/65756895/219543491-0477ac98-fa0c-45ce-ad50-134ed88b5b70.png" style="max-width: 100%;"></a>
 upvoteCount:2
 answerCount:2
 acceptedAnswer:
 type:Answer
 text:Fixed in <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399/hovercard" href="https://github.com/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399"><tt>981ee65</tt></a>. The version warning will now always use the light scheme, so it's consistent: <a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/932156/219855933-797a2a24-9dad-4a14-807d-32f1269fc943.png"><img src="https://user-images.githubusercontent.com/932156/219855933-797a2a24-9dad-4a14-807d-32f1269fc943.png" alt="screenshot-localhost-8000-mkdocs-material-getting-started-1676716632790" style="max-width: 100%;"></a> Additionally, two new CSS variables were introduced that allow for overriding the background and foreground color: <div class="Box Box--condensed my-2"> <div class="Box-header f6"> <a href="https://github.com/squidfunk/mkdocs-material/blob/981ee65498a15c35f572651636f2272fb3dfc399/src/assets/stylesheets/main/_colors.scss#L114-L116">mkdocs-material/src/assets/stylesheets/main/_colors.scss</a> Lines 114 to 116 in <a data-pjax="true" class="commit-tease-sha Link--inTextBlock" href="/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399">981ee65</a> </div> <div itemprop="text" class="Box-body p-0 blob-wrapper blob-wrapper-embedded data"> <table class="highlight tab-size mb-0 js-file-line-container" data-tab-size="8" data-paste-markdown-skip=""> <tbody><tr class="border-0"> <td id="L114" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="114"></td> <td id="LC114" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> // Warning color shades </td> </tr> <tr class="border-0"> <td id="L115" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="115"></td> <td id="LC115" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> --md-warning-fg-color: hsla(0, 0%, 0%, 0.87); </td> </tr> <tr class="border-0"> <td id="L116" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="116"></td> <td id="LC116" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> --md-warning-bg-color: hsla(60, 100%, 80%, 1); </td> </tr> </tbody></table> </div> </div> 
 upvoteCount:1
 url:https://github.com/squidfunk/mkdocs-material/discussions/5062#discussioncomment-5017747
Answer:
 text:Fixed in <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399/hovercard" href="https://github.com/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399"><tt>981ee65</tt></a>. The version warning will now always use the light scheme, so it's consistent: <a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/932156/219855933-797a2a24-9dad-4a14-807d-32f1269fc943.png"><img src="https://user-images.githubusercontent.com/932156/219855933-797a2a24-9dad-4a14-807d-32f1269fc943.png" alt="screenshot-localhost-8000-mkdocs-material-getting-started-1676716632790" style="max-width: 100%;"></a> Additionally, two new CSS variables were introduced that allow for overriding the background and foreground color: <div class="Box Box--condensed my-2"> <div class="Box-header f6"> <a href="https://github.com/squidfunk/mkdocs-material/blob/981ee65498a15c35f572651636f2272fb3dfc399/src/assets/stylesheets/main/_colors.scss#L114-L116">mkdocs-material/src/assets/stylesheets/main/_colors.scss</a> Lines 114 to 116 in <a data-pjax="true" class="commit-tease-sha Link--inTextBlock" href="/squidfunk/mkdocs-material/commit/981ee65498a15c35f572651636f2272fb3dfc399">981ee65</a> </div> <div itemprop="text" class="Box-body p-0 blob-wrapper blob-wrapper-embedded data"> <table class="highlight tab-size mb-0 js-file-line-container" data-tab-size="8" data-paste-markdown-skip=""> <tbody><tr class="border-0"> <td id="L114" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="114"></td> <td id="LC114" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> // Warning color shades </td> </tr> <tr class="border-0"> <td id="L115" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="115"></td> <td id="LC115" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> --md-warning-fg-color: hsla(0, 0%, 0%, 0.87); </td> </tr> <tr class="border-0"> <td id="L116" class="blob-num border-0 px-3 py-0 color-bg-default" data-line-number="116"></td> <td id="LC116" class="blob-code border-0 px-3 py-0 color-bg-default blob-code-inner js-file-line"> --md-warning-bg-color: hsla(60, 100%, 80%, 1); </td> </tr> </tbody></table> </div> </div> 
 upvoteCount:1
 url:https://github.com/squidfunk/mkdocs-material/discussions/5062#discussioncomment-5017747

External Links {🔗}(6)

Analytics and Tracking {📊}

Site Verification - Google

Libraries {📚}

Clipboard.js
D3.js
GSAP

Emails and Hosting {✉️}

Mail Servers:

aspmx.l.google.com
alt1.aspmx.l.google.com
alt2.aspmx.l.google.com
alt3.aspmx.l.google.com
alt4.aspmx.l.google.com

Name Servers:

dns1.p08.nsone.net
dns2.p08.nsone.net
dns3.p08.nsone.net
dns4.p08.nsone.net
ns-1283.awsdns-32.org
ns-1707.awsdns-21.co.uk
ns-421.awsdns-52.com
ns-520.awsdns-01.net

9.07s.