Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 4582e0b

Browse files
authored
fix(frontend): Improve low constrast of code blocks and links (#2491)
1 parent 047d3b2 commit 4582e0b

5 files changed

Lines changed: 28 additions & 20 deletions

File tree

static/sass/_base.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ $darkerblue: #1e2933;
8585
$link-color: $blue;
8686
$link-hover: $darkerblue;
8787

88-
$code-green: #11a611;
88+
$code-green: #0d870d;
8989
$default-border-color: $grey-lighter; /* Set a generic border color here to keep them consistent */
9090

9191

static/sass/mq.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1651,24 +1651,24 @@ html[xmlns] .slides { display: block; }
16511651
padding-top: 1em; }
16521652

16531653
.about-banner {
1654-
background: 120% 0 no-repeat url('../img/landing-about.png?1646853871') transparent;
1654+
background: 120% 0 no-repeat url('../img/landing-about.png?1767349471') transparent;
16551655
min-height: 345px;
16561656
padding-bottom: 3.5em;
16571657
margin-bottom: -2.5em; }
16581658

16591659
.download-for-current-os {
1660-
background: 130% 0 no-repeat url('../img/landing-downloads.png?1646853871') transparent;
1660+
background: 130% 0 no-repeat url('../img/landing-downloads.png?1767349471') transparent;
16611661
min-height: 345px;
16621662
padding-bottom: 4em;
16631663
margin-bottom: -3em; }
16641664

16651665
.documentation-banner {
1666-
background: 130% 0 no-repeat url('../img/landing-docs.png?1646853871') transparent;
1666+
background: 130% 0 no-repeat url('../img/landing-docs.png?1767349471') transparent;
16671667
padding-bottom: 1em; }
16681668

16691669
.community-banner {
16701670
text-align: left;
1671-
background: 110% 0 no-repeat url('../img/landing-community.png?1646853871') transparent;
1671+
background: 110% 0 no-repeat url('../img/landing-community.png?1767349471') transparent;
16721672
min-height: 345px;
16731673
padding-bottom: 2em;
16741674
margin-bottom: -1.25em; }
@@ -1772,7 +1772,7 @@ html[xmlns] .slides { display: block; }
17721772
right: 1em;
17731773
width: 210px;
17741774
height: 210px;
1775-
background: top left no-repeat url('../img/python-logo-large.png?1646853871') transparent; }
1775+
background: top left no-repeat url('../img/python-logo-large.png?1767349471') transparent; }
17761776
.psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p {
17771777
margin-right: 34.04255%; }
17781778

static/sass/no-mq.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1359,24 +1359,24 @@ a.button {
13591359
padding-top: 1em; }
13601360

13611361
.about-banner {
1362-
background: 120% 0 no-repeat url('../img/landing-about.png?1646853871') transparent;
1362+
background: 120% 0 no-repeat url('../img/landing-about.png?1767349471') transparent;
13631363
min-height: 345px;
13641364
padding-bottom: 3.5em;
13651365
margin-bottom: -2.5em; }
13661366

13671367
.download-for-current-os {
1368-
background: 130% 0 no-repeat url('../img/landing-downloads.png?1646853871') transparent;
1368+
background: 130% 0 no-repeat url('../img/landing-downloads.png?1767349471') transparent;
13691369
min-height: 345px;
13701370
padding-bottom: 4em;
13711371
margin-bottom: -3em; }
13721372

13731373
.documentation-banner {
1374-
background: 130% 0 no-repeat url('../img/landing-docs.png?1646853871') transparent;
1374+
background: 130% 0 no-repeat url('../img/landing-docs.png?1767349471') transparent;
13751375
padding-bottom: 1em; }
13761376

13771377
.community-banner {
13781378
text-align: left;
1379-
background: 110% 0 no-repeat url('../img/landing-community.png?1646853871') transparent;
1379+
background: 110% 0 no-repeat url('../img/landing-community.png?1767349471') transparent;
13801380
min-height: 345px;
13811381
padding-bottom: 2em;
13821382
margin-bottom: -1.25em; }
@@ -1480,7 +1480,7 @@ a.button {
14801480
right: 1em;
14811481
width: 210px;
14821482
height: 210px;
1483-
background: top left no-repeat url('../img/python-logo-large.png?1646853871') transparent; }
1483+
background: top left no-repeat url('../img/python-logo-large.png?1767349471') transparent; }
14841484
.psf-widget .widget-title, .psf-widget p, .python-needs-you-widget .widget-title, .python-needs-you-widget p {
14851485
margin-right: 34.04255%; }
14861486

static/sass/style.css

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -603,7 +603,7 @@ pre {
603603
/* IE 5.5+ and up */ }
604604

605605
code {
606-
color: #11a611; }
606+
color: #0d870d; }
607607

608608
var {
609609
font-style: italic; }
@@ -724,6 +724,9 @@ a, a:active, a:visited, a:hover, a:visited:hover {
724724
color: #3776ab;
725725
text-decoration: none; }
726726

727+
table tr td a, table tr td a:active, table tr td a:visited, table tr td a:hover, table tr td a:visited:hover {
728+
color: #3571a3; }
729+
727730
a:hover, a:focus {
728731
color: #1e2933; }
729732

@@ -1619,7 +1622,7 @@ input#s,
16191622
padding: 1.25em 1.5em; }
16201623
.slide-code code {
16211624
display: inline-block;
1622-
color: #11a611; }
1625+
color: #0d870d; }
16231626
.slide-code code .comment {
16241627
color: #666666; }
16251628
.slide-code code .output {
@@ -1932,8 +1935,7 @@ input#s,
19321935
background-color: #e6e8ea;
19331936
padding: .125em .375em 0;
19341937
margin: 0 .25em; }
1935-
.text code, .text kbd,
1936-
.sidebar-widget code,
1938+
.text kbd,
19371939
.sidebar-widget kbd {
19381940
padding: .125em .375em 0;
19391941
margin: 0 -.0625em;
@@ -1950,7 +1952,7 @@ input#s,
19501952
.text pre,
19511953
.sidebar-widget pre {
19521954
padding: .5em;
1953-
border-left: 5px solid #11a611;
1955+
border-left: 5px solid #0d870d;
19541956
background: #e6e8ea;
19551957
-webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
19561958
-moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1) inset;
@@ -2266,7 +2268,7 @@ table tfoot {
22662268
/* ! ===== Success Stories landing page ===== */
22672269
.featured-success-story {
22682270
padding: 1.3125em 0;
2269-
background: center -230px no-repeat url('../img/success-glow2.png?1646853871') transparent;
2271+
background: center -230px no-repeat url('../img/success-glow2.png?1767349471') transparent;
22702272
/*blockquote*/ }
22712273
.featured-success-story img {
22722274
padding: 10px 30px; }
@@ -3276,11 +3278,11 @@ span.highlighted {
32763278
.python .site-headline a:before {
32773279
width: 290px;
32783280
height: 82px;
3279-
content: url('../img/python-logo_print.png?1646853871'); }
3281+
content: url('../img/python-logo_print.png?1767349471'); }
32803282
.psf .site-headline a:before {
32813283
width: 334px;
32823284
height: 82px;
3283-
content: url('../img/psf-logo_print.png?1646853871'); } }
3285+
content: url('../img/psf-logo_print.png?1767349471'); } }
32843286
/*
32853287
* When we want to review the markup for W3 and similar errors, turn some of these on
32863288
* Uses :not selectors a bunch, so only modern browsers will support them

static/sass/style.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,12 @@ a, a:active, a:visited, a:hover, a:visited:hover {
6666
text-decoration: none;
6767
}
6868

69+
table tr td {
70+
a, a:active, a:visited, a:hover, a:visited:hover {
71+
color: darken($link-color, 2%);
72+
}
73+
}
74+
6975
a:hover, a:focus { color: $link-hover; }
7076

7177
/*modernizr*/ .touch a[href^="tel:"] { border-bottom: 1px dotted $default-color; }
@@ -953,7 +959,7 @@ $show-baseline-grid-backgrounds: false;
953959
margin: 0 .25em;
954960
}
955961

956-
code, kbd {
962+
kbd {
957963
padding: .125em .375em 0;
958964
margin: 0 -.0625em;
959965
background: $grey-lightest;

0 commit comments

Comments
 (0)