Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

styles: Convert 3-digit hex values to HSL values.

This commit is contained in:
Cynthia Lin 2018-09-27 12:57:07 -07:00 committed by Tim Abbott
parent 926365dc89
commit 67b705207e
14 changed files with 142 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles/billing.scss
View File

@ -39,7 +39,7 @@
}
.tab-content {
border: 1px solid #ddd;
border: 1px solid hsl(0, 0%, 87%);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 20px;
@ -174,13 +174,13 @@
}
.updating-card-logo svg circle {
fill: #444;
stroke: #444;
fill: hsl(0, 0%, 27%);
stroke: hsl(0, 0%, 27%);
}
.updating-card-logo svg path {
fill: #fff;
stroke: #fff;
fill: hsl(0, 0%, 100%);
stroke: hsl(0, 0%, 100%);
}
#updating_card_indicator {

2
static/styles/compose.scss
View File

@ -156,7 +156,7 @@ table.compose_table {
z-index: 2;
width: 100%;
background: #fff;
background: hsl(0, 0%, 100%);
}
#compose-container {

2
static/styles/hotspots.scss
View File

@ -133,7 +133,7 @@
border: none;
font-size: 1.15em;
font-weight: 600;
color: #fff;
color: hsl(0, 0%, 100%);
background-color: hsl(164, 44%, 47%);
border-radius: 4px;
white-space: normal;

2
static/styles/input_pill.scss
View File

@ -27,7 +27,7 @@
}
.pill-container .pill:focus {
color: #fff;
color: hsl(0, 0%, 100%);
border: 1px solid hsl(176, 78%, 28%);
background: hsl(176, 49%, 42%);
outline: none;

142
static/styles/landing-page.scss
View File

@ -7,7 +7,7 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
color: hsl(0, 0%, 27%);
line-height: normal;
@ -151,7 +151,7 @@ button {
font-family: inherit;
font-size: 0.7em;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
color: hsl(0, 0%, 27%);
border-radius: 4px;
@ -177,7 +177,7 @@ button:active {
}
button.green {
color: #fff;
color: hsl(0, 0%, 100%);
background-color: hsl(170, 47%, 53%);
border: 1px solid hsl(169, 45%, 43%);
@ -185,9 +185,9 @@ button.green {
button.black-disabled {
cursor: default;
color: #333;
color: hsl(0, 0%, 20%);
background-color: transparent;
border: 1px solid #888;
border: 1px solid hsl(0, 0%, 53%);
}
button.button.grey-transparent {
@ -198,9 +198,9 @@ button.button.grey-transparent {
font-size: 1.1rem;
font-weight: 400;
color: #fff;
color: hsl(0, 0%, 100%);
background-color: transparent;
border: 1px solid #fff;
border: 1px solid hsl(0, 0%, 100%);
transition: all 0.2s ease;
}
@ -210,7 +210,7 @@ button.button.grey-transparent:hover {
}
button.button.grey-transparent:active {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
color: hsl(0, 0%, 40%);
}
@ -219,7 +219,7 @@ button.button.grey-transparent:active {
nav {
width: calc(100% - 80px);
position: absolute;
color: #fff;
color: hsl(0, 0%, 100%);
padding: 40px;
@ -231,7 +231,7 @@ nav .brand.logo {
}
nav.white {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
a.silver {
@ -239,7 +239,7 @@ a.silver {
}
.silver {
color: #fff !important;
color: hsl(0, 0%, 100%) !important;
opacity: 0.8;
}
@ -250,35 +250,35 @@ a.silver {
nav.white li a,
nav.white li a:hover,
nav.white li a:visited {
color: #444;
color: hsl(0, 0%, 27%);
}
nav.white ul li.active::after {
color: #444;
color: hsl(0, 0%, 27%);
}
nav.white .brand.logo span {
color: #444;
color: hsl(0, 0%, 27%);
}
nav.white .brand-logo circle {
fill: #444 !important;
fill: hsl(0, 0%, 27%) !important;
}
nav.white .brand-logo path {
fill: #fff !important;
stroke: #fff !important;
fill: hsl(0, 0%, 100%) !important;
stroke: hsl(0, 0%, 100%) !important;
}
nav .hamburger {
display: none;
fill: #fff;
fill: hsl(0, 0%, 100%);
cursor: pointer;
margin-top: 3px;
}
nav.white .hamburger {
fill: #444;
fill: hsl(0, 0%, 27%);
}
nav .content {
@ -295,7 +295,7 @@ nav .logo span {
position: relative;
left: 5px;
top: 1px;
color: #fff;
color: hsl(0, 0%, 100%);
font-weight: 600;
vertical-align: top;
text-transform: uppercase;
@ -304,7 +304,7 @@ nav .logo span {
}
nav.white .brand.logo span {
color: #444;
color: hsl(0, 0%, 27%);
}
nav .brand-logo {
@ -338,7 +338,7 @@ nav ul li {
display: inline-block;
margin: 10px;
color: #fff;
color: hsl(0, 0%, 100%);
opacity: 0.7;
transition: all 0.2s ease;
@ -348,7 +348,7 @@ nav li a,
nav li a:hover,
nav li a:visited {
text-decoration: none;
color: #fff;
color: hsl(0, 0%, 100%);
font-size: 1.05em;
}
@ -432,7 +432,7 @@ nav ul li.active::after {
max-width: none;
color: #fff;
color: hsl(0, 0%, 100%);
background-color: hsla(0, 0%, 0%, 0.1);
}
@ -549,7 +549,7 @@ nav ul li.active::after {
padding: 50px 100px;
max-width: calc(1000px);
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-radius: 10px;
box-shadow: 10px 20px 80px rgba(0, 0, 0, 0.15);
@ -595,7 +595,7 @@ nav ul li.active::after {
font-size: 1.2em;
font-weight: 400;
color: #888;
color: hsl(0, 0%, 53%);
}
.portico-landing.features-app section.notifications .feature-list h3::before {
@ -688,7 +688,7 @@ nav ul li.active::after {
position: relative;
padding: 60px 50px 30px 50px;
color: #fff;
color: hsl(0, 0%, 100%);
overflow: hidden;
}
@ -717,7 +717,7 @@ nav ul li.active::after {
}
.portico-landing.hello .gradients .gradient.white-fade {
background: linear-gradient(0deg, #fff 0%, transparent 40%);
background: linear-gradient(0deg, hsl(0, 0%, 100%) 0%, transparent 40%);
}
.portico-landing.hello .hero .waves {
@ -839,8 +839,8 @@ nav ul li.active::after {
margin-top: 0px;
padding: 12px 20px;
background: #fff;
border: 2px solid #fff;
background: hsl(0, 0%, 100%);
border: 2px solid hsl(0, 0%, 100%);
font-size: 1.2em;
font-weight: 500;
@ -897,7 +897,7 @@ nav ul li.active::after {
/* -- compare css -- */
.compare {
background-color: hsl(163, 22%, 31%);
color: #fff;
color: hsl(0, 0%, 100%);
}
.compare .text-header .text-content h1 {
@ -940,7 +940,7 @@ nav ul li.active::after {
font-weight: 600;
padding: 15px 0px;
color: #fff;
color: hsl(0, 0%, 100%);
}
.compare thead th.normal {
@ -1160,7 +1160,7 @@ nav ul li.active::after {
padding: 3px 5px 0px 5px;
margin: 0px 5px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
box-shadow: 0px 0px 15px hsla(0, 0%, 0%, 0.01);
@ -1250,7 +1250,7 @@ nav ul li.active::after {
.portico-landing.hello .features {
padding: 50px 0px 100px 0px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.portico-landing.hello .features .col-2 {
@ -1349,7 +1349,7 @@ nav ul li.active::after {
}
.portico-landing .tour {
color: #000;
color: hsl(0, 0%, 0%);
width: 1200px;
max-width: 100%;
margin: 0 auto;
@ -1627,7 +1627,7 @@ nav ul li.active::after {
}
.portico-landing.hello .testimonials {
color: #fff;
color: hsl(0, 0%, 100%);
background-color: hsl(168, 43%, 24%);
}
@ -1802,7 +1802,7 @@ nav ul li.active::after {
background: -webkit-linear-gradient(145deg, hsl(169, 65%, 42%), hsl(191, 55%, 54%));
background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%));
color: #fff;
color: hsl(0, 0%, 100%);
}
.portico-landing.hello .apps .triangle {
@ -1813,16 +1813,16 @@ nav ul li.active::after {
height: 0;
border-style: solid;
border-width: 150px 100vw 0 0;
border-color: #fff transparent transparent transparent;
border-color: hsl(0, 0%, 100%) transparent transparent transparent;
}
.portico-landing.hello .apps .arrow {
color: #fff;
color: hsl(0, 0%, 100%);
font-weight: 400;
}
.portico-landing.hello .apps .arrow::before {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.portico-landing.hello .apps .left-side,
@ -1978,7 +1978,7 @@ nav ul li.active::after {
}
.footer.hello li a:hover {
color: #fff;
color: hsl(0, 0%, 100%);
}
/* -- apps page -- */
@ -1988,7 +1988,7 @@ nav ul li.active::after {
.portico-landing.apps .main,
.portico-landing.features-app .main {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.portico-landing.apps .hero {
@ -1998,7 +1998,7 @@ nav ul li.active::after {
background: linear-gradient(35deg, hsl(197, 100%, 16%), hsl(166, 45%, 49%));
height: 600px;
color: #fff;
color: hsl(0, 0%, 100%);
overflow: hidden;
}
@ -2072,7 +2072,7 @@ nav ul li.active::after {
}
.portico-landing.apps .other-apps {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
padding: 50px 50px 120px 50px;
text-align: center;
@ -2097,7 +2097,7 @@ nav ul li.active::after {
padding: 20px 30px;
border-radius: 70px;
color: #ccc;
color: hsl(0, 0%, 80%);
font-size: 3em;
text-align: center;
@ -2106,7 +2106,7 @@ nav ul li.active::after {
}
.portico-landing.apps .other-apps .apps .icon:hover {
color: #777;
color: hsl(0, 0%, 47%);
background: linear-gradient(-45deg, hsl(0, 0%, 83%), hsl(0, 0%, 98%));
}
@ -2143,7 +2143,7 @@ nav ul li.active::after {
padding: 200px 50px 100px 50px;
background: hsl(153, 32%, 55%);
color: #fff;
color: hsl(0, 0%, 100%);
}
.portico-landing.why-page .hero.small-hero {
@ -2194,7 +2194,7 @@ nav ul li.active::after {
.portico-landing.why-page .main li strong {
font-weight: 600;
color: #333;
color: hsl(0, 0%, 20%);
}
.portico-landing.why-page .main blockquote {
@ -2239,7 +2239,7 @@ nav ul li.active::after {
font-size: 0.8em;
font-weight: normal;
color: #888;
color: hsl(0, 0%, 53%);
}
.portico-landing.why-page .team h2 {
@ -2281,7 +2281,7 @@ nav ul li.active::after {
.portico-landing.why-page .testimonials {
background: hsl(168, 43%, 24%);
color: #fff;
color: hsl(0, 0%, 100%);
margin-bottom: 40px;
}
@ -2346,7 +2346,7 @@ nav ul li.active::after {
-webkit-transform: translateY(50px);
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.portico-landing.hello .apps .screen.android {
@ -2419,7 +2419,7 @@ nav ul li.active::after {
max-width: 1170px;
margin: 0 auto;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
box-shadow: 0px 0px 80px hsla(0, 0%, 0%, 0.12);
visibility: hidden;
@ -2480,7 +2480,7 @@ nav ul li.active::after {
.portico-landing.integrations .portico-page-subheading {
font-weight: 400;
font-size: 1.1em;
color: #aaa;
color: hsl(0, 0%, 67%);
line-height: 1.2;
text-align: center;
}
@ -2729,7 +2729,7 @@ nav ul li.active::after {
}
.gradients .gradient.white-fade {
background: linear-gradient(0deg, #fff 0%, transparent 40%);
background: linear-gradient(0deg, hsl(0, 0%, 100%) 0%, transparent 40%);
}
/* -- pricing css -- */
@ -2742,18 +2742,18 @@ nav ul li.active::after {
font-size: 2.5em;
margin: 0px;
color: #fff;
color: hsl(0, 0%, 100%);
}
.portico-landing.plans .main .padded-content > h2 {
color: #444;
color: hsl(0, 0%, 27%);
text-align: center;
font-size: 1.5em;
margin-bottom: 50px;
color: #fff;
color: hsl(0, 0%, 100%);
}
.pricing-model .pricing-container {
@ -2769,7 +2769,7 @@ nav ul li.active::after {
padding: 10px;
margin-bottom: 3px;
color: #fff;
color: hsl(0, 0%, 100%);
font-size: 2em;
font-weight: 300;
@ -2787,7 +2787,7 @@ nav ul li.active::after {
text-align: left;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
transition-property: all;
transition-duration: 0.3s;
@ -2819,7 +2819,7 @@ nav ul li.active::after {
.pricing-model .pricing-container .text-content .description {
font-size: 0.9em;
font-weight: 400;
color: #888;
color: hsl(0, 0%, 53%);
}
.pricing-model .pricing-container ul.feature-list {
@ -2858,7 +2858,7 @@ nav ul li.active::after {
width: 100%;
height: 150px;
background-color: #eee;
background-color: hsl(0, 0%, 93%);
}
.pricing-model .pricing-container .text-content .price::before {
@ -2870,7 +2870,7 @@ nav ul li.active::after {
font-size: 2rem;
font-weight: 300;
color: #888;
color: hsl(0, 0%, 53%);
}
.pricing-model .pricing-container .text-content .price {
@ -2890,7 +2890,7 @@ nav ul li.active::after {
font-size: 0.9em;
font-weight: 400;
color: #888;
color: hsl(0, 0%, 53%);
text-align: left;
}
@ -2968,7 +2968,7 @@ nav ul li.active::after {
margin-top: -2px;
width: calc(100% - 300px - 50px);
background: #fff;
background: hsl(0, 0%, 100%);
opacity: 0;
transform: translateY(300px);
@ -2992,7 +2992,7 @@ nav ul li.active::after {
}
.pricing-overlay.pricing-model .info-box .text-content p {
color: #888;
color: hsl(0, 0%, 53%);
}
.pricing-overlay.pricing-model .info-box .text-content .feature-detail-box {
@ -3006,7 +3006,7 @@ nav ul li.active::after {
display: inline-block;
width: calc(33% - 21px);
height: 200px;
background-color: #eee;
background-color: hsl(0, 0%, 93%);
margin: 10px;
}
@ -3015,7 +3015,7 @@ nav ul li.active::after {
height: 25px;
font-weight: 400;
color: #888;
color: hsl(0, 0%, 53%);
font-style: italic;
text-align: center;
}
@ -3208,12 +3208,12 @@ nav ul li.active::after {
}
nav .logo span {
color: #fff;
color: hsl(0, 0%, 100%);
}
nav svg.brand-logo circle {
fill: #fff !important;
stroke: #fff !important;
fill: hsl(0, 0%, 100%) !important;
stroke: hsl(0, 0%, 100%) !important;
}
nav svg.brand-logo path {
@ -3782,7 +3782,7 @@ nav ul li.active::after {
width: 300px;
padding-left: 30px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
transform: translate(-350px, 0px);

2
static/styles/lightbox.scss
View File

@ -106,7 +106,7 @@
#lightbox_overlay .image-actions .lightbox-canvas-trigger:hover {
background-color: hsl(0, 0%, 100%);
border: 1px solid #fff;
border: 1px solid hsl(0, 0%, 100%);
color: hsl(227, 40%, 16%);
opacity: 1;
}

6
static/styles/night_mode.scss
View File

@ -116,7 +116,7 @@ on a dark background, and don't change the dark labels dark either. */
#search_arrows .pill:focus,
.pm_recipient .pill-container .pill:focus {
color: #fff;
color: hsl(0, 0%, 100%);
border: 1px solid hsla(176, 78%, 28%, 0.6);
background: hsla(176, 49%, 42%, 0.4);
}
@ -513,9 +513,9 @@ on a dark background, and don't change the dark labels dark either. */
}
#bots_lists_navbar .active a {
color: #ddd;
color: hsl(0, 0%, 87%);
background-color: hsl(212, 28%, 18%);
border-color: #ddd;
border-color: hsl(0, 0%, 87%);
border-bottom-color: transparent;
}

20
static/styles/portico-signin.scss
View File

@ -20,14 +20,14 @@ html {
padding: 30px;
min-width: 0px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.1);
border: 1px solid #ddd;
border: 1px solid hsl(0, 0%, 87%);
border-radius: 4px;
}
.grey {
color: #aaa;
color: hsl(0, 0%, 67%);
}
.find-account-page-container #find_account i {
@ -83,7 +83,7 @@ html {
.register-page-container.closed-realm .invite-required {
display: block;
color: #aaa;
color: hsl(0, 0%, 67%);
font-weight: normal;
}
@ -184,7 +184,7 @@ html {
}
.header {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
position: fixed;
width: 100%;
top: 0;
@ -200,8 +200,8 @@ html {
}
.header .header-main .logo .brand-logo path {
fill: #fff !important;
stroke: #fff !important;
fill: hsl(0, 0%, 100%) !important;
stroke: hsl(0, 0%, 100%) !important;
}
.new-style {
@ -442,7 +442,7 @@ html {
font-weight: 400;
box-sizing: border-box;
outline: none;
color: #fff;
color: hsl(0, 0%, 100%);
background-color: hsl(213, 23%, 25%);
border: none;
@ -592,11 +592,11 @@ button.login-social-button {
margin-left: 0px;
margin-top: 0px;
color: #fff;
color: hsl(0, 0%, 100%);
}
button.login-social-button {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
box-shadow: 0px 1px 3px hsla(0, 0%, 0%, 0.3), 0px 0px 5px hsla(0, 0%, 0%, 0.1);
color: hsl(0, 0%, 34%);
}

54
static/styles/portico.scss
View File

@ -44,7 +44,7 @@ body {
padding: 6px 0px;
height: 29px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
z-index: 100;
@ -90,7 +90,7 @@ body {
padding: 3px 10px;
margin: 0;
border: 1px solid #ddd;
border: 1px solid hsl(0, 0%, 87%);
border-bottom: none;
border-radius: 4px 4px 0px 0px;
@ -105,7 +105,7 @@ body {
padding: 20px;
background-color: hsl(0, 0%, 98%);
border: 1px solid #ddd;
border: 1px solid hsl(0, 0%, 87%);
border-radius: 0px 4px 4px 4px;
}
@ -634,7 +634,7 @@ input.text-error {
}
.footer section ul {
color: #aaa;
color: hsl(0, 0%, 67%);
list-style-type: none;
margin-left: 0;
@ -662,7 +662,7 @@ input.text-error {
font-size: 1.2rem;
font-weight: 400;
color: #333;
color: hsl(0, 0%, 20%);
opacity: 0.5;
}
@ -677,7 +677,7 @@ input.text-error {
margin-top: 8px;
margin-left: 10px;
color: #fff;
color: hsl(0, 0%, 100%);
font-size: 1.2rem;
font-weight: 600;
letter-spacing: 0.1em;
@ -704,11 +704,11 @@ input.text-error {
list-style-type: none;
width: 200px;
background: #fff;
background: hsl(0, 0%, 100%);
padding: 5px 0px;
border-radius: 4px;
border: 1px solid #ddd;
border: 1px solid hsl(0, 0%, 87%);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
@ -724,7 +724,7 @@ input.text-error {
right: 9px;
font-size: 0.5em;
color: #ddd;
color: hsl(0, 0%, 87%);
line-height: 0;
@ -743,7 +743,7 @@ input.text-error {
}
.portico-header .dropdown ul li:hover {
background: linear-gradient(to bottom, #08c, hsl(200, 100%, 35%));
background: linear-gradient(to bottom, hsl(163, 92%, 39%), hsl(200, 100%, 35%));
transition: none;
}
@ -755,12 +755,12 @@ input.text-error {
font-size: 0.9em;
font-weight: 400;
color: #444;
color: hsl(0, 0%, 27%);
}
.portico-header .dropdown ul li:hover a {
background: transparent;
color: #fff;
color: hsl(0, 0%, 100%);
}
.portico-header .dropdown ul li a i {
@ -826,7 +826,7 @@ input.text-error {
}
a.bottom-signup-button {
color: #fff !important;
color: hsl(0, 0%, 100%) !important;
text-decoration: none !important;
font-size: 20px;
padding: 20px;
@ -878,7 +878,7 @@ a.bottom-signup-button {
}
.table.table-striped {
background: #fff;
background: hsl(0, 0%, 100%);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
@ -975,9 +975,9 @@ a.bottom-signup-button {
}
.team input:checked + label {
border: 1px solid #eee;
border: 1px solid hsl(0, 0%, 93%);
border-top: 2px solid yellowgreen;
border-bottom-color: #fff;
border-bottom-color: hsl(0, 0%, 100%);
}
.contributors-list {
@ -998,7 +998,7 @@ input#python-zulip-api:checked ~ #tab-python-zulip-api,
input#zulip-js:checked ~ #tab-zulip-js,
input#zulipbot:checked ~ #tab-zulipbot,
input#terminal:checked ~ #tab-terminal {
border-top: 1px solid #eee;
border-top: 1px solid hsl(0, 0%, 93%);
padding-top: 20px;
display: grid;
grid-gap: 5px;
@ -1012,13 +1012,13 @@ input#terminal:checked ~ #tab-terminal {
.contributors .person {
box-sizing: border-box;
padding: 10px;
border: 1px solid #eee;
border: 1px solid hsl(0, 0%, 93%);
border-radius: 4px;
transition: all 0.3s ease;
}
.contributors .person:hover {
border: 1px solid #bbb;
border: 1px solid hsl(0, 0%, 73%);
}
.contributors .person .avatar {
@ -1046,7 +1046,7 @@ input#terminal:checked ~ #tab-terminal {
.tab-loading,
.last-updated {
color: #aaa;
color: hsl(0, 0%, 67%);
font-size: 0.9em !important;
padding-top: 30px;
text-align: center;
@ -1373,7 +1373,7 @@ input.new-organization-button {
.top-links a {
display: inline-block;
color: #fff;
color: hsl(0, 0%, 100%);
padding: 2px 7px 1px 8px;
font-weight: 600;
font-size: 16px;
@ -1529,7 +1529,7 @@ input.new-organization-button {
}
.help .markdown {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
width: calc(100vw - 300px);
height: calc(100vh - 59px);
}
@ -1537,7 +1537,7 @@ input.new-organization-button {
.markdown .content {
padding: 30px;
max-width: 768px;
background: #fff;
background: hsl(0, 0%, 100%);
}
.markdown a {
@ -1591,7 +1591,7 @@ input.new-organization-button {
.markdown h1,
.why-page .main h1 {
border-bottom: 1px solid #eee;
border-bottom: 1px solid hsl(0, 0%, 93%);
padding-bottom: 10px;
margin-bottom: 15px;
}
@ -1620,7 +1620,7 @@ input.new-organization-button {
.markdown img {
vertical-align: top;
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.05);
border: 1px solid #ddd;
border: 1px solid hsl(0, 0%, 87%);
border-radius: 4px;
}
@ -2095,7 +2095,7 @@ input.new-organization-button {
font-weight: 400;
background-color: hsl(207, 55%, 53%);
color: #fff;
color: hsl(0, 0%, 100%);
outline: none;
border: none;
border-radius: 2px;
@ -2119,7 +2119,7 @@ input.new-organization-button {
.button-new.sea-green {
background-color: hsl(177, 70%, 46%);
color: #fff;
color: hsl(0, 0%, 100%);
}
.float-left {

8
static/styles/pygments.scss
View File

@ -219,7 +219,7 @@ body.night-mode .codehilite pre {
}
body.night-mode .codehilite .hll {
background-color: #222;
background-color: hsl(0, 0%, 13%);
}
body.night-mode .codehilite .err {
@ -245,7 +245,7 @@ body.night-mode .codehilite .gd {
}
body.night-mode .codehilite .ge {
color: #ccc;
color: hsl(0, 0%, 80%);
font-style: italic;
}
@ -258,7 +258,7 @@ body.night-mode .codehilite .go {
}
body.night-mode .codehilite .gs {
color: #ccc;
color: hsl(0, 0%, 80%);
font-weight: 700;
}
@ -325,7 +325,7 @@ body.night-mode .codehilite .nl,
body.night-mode .codehilite .nx,
body.night-mode .codehilite .py,
body.night-mode .codehilite .w {
color: #ccc;
color: hsl(0, 0%, 80%);
}
body.night-mode .codehilite .n,

2
static/styles/settings.scss
View File

@ -1146,7 +1146,7 @@ input[type=checkbox].inline-block {
#user-groups .save-instructions {
display: none;
opacity: 0;
color: #333;
color: hsl(0, 0%, 20%);
font-size: 0.9em;
}

10
static/styles/stats.scss
View File

@ -31,8 +31,8 @@ p {
margin: 10px 0px;
padding: 20px;
border: 2px solid #eee;
background-color: #fff;
border: 2px solid hsl(0, 0%, 93%);
background-color: hsl(0, 0%, 100%);
}
.analytics-page-header {
@ -187,7 +187,7 @@ hr {
font-size: 0.8em;
font-weight: 400;
text-align: center;
color: #aaa;
color: hsl(0, 0%, 67%);
}
@keyframes spinner {
@ -207,8 +207,8 @@ hr {
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
border: 1px solid #ccc;
border-top-color: #07d;
border: 1px solid hsl(0, 0%, 80%);
border-top-color: hsl(155, 93%, 42%);
animation: spinner 1s linear infinite;
}

2
static/styles/subscriptions.scss
View File

@ -1059,7 +1059,7 @@ form#add_new_subscription {
top: 45px;
border-top: 1px solid hsl(0, 0%, 86%);
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-top: none;
transition: all 0.3s ease;

22
static/styles/zulip.scss
View File

@ -94,13 +94,13 @@ p.n-margin {
}
.top-messages-logo svg circle {
fill: #444;
stroke: #444;
fill: hsl(0, 0%, 27%);
stroke: hsl(0, 0%, 27%);
}
.top-messages-logo svg path {
fill: #fff;
stroke: #fff;
fill: hsl(0, 0%, 100%);
stroke: hsl(0, 0%, 100%);
}
#unmute_muted_topic_notification {
@ -234,7 +234,7 @@ p.n-margin {
margin: 0px auto;
padding: 0px;
position: relative;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.app-main {
@ -1245,7 +1245,7 @@ a.message_label_clickable:hover {
.dark_background a:hover,
a.dark_background:hover,
.dark_background {
color: #fff !important;
color: hsl(0, 0%, 100%) !important;
}
.dark_background a.message_label_clickable:hover {
@ -1738,7 +1738,7 @@ blockquote p {
}
.typeahead.dropdown-menu .active {
color: #fff;
color: hsl(0, 0%, 100%);
}
.typeahead.dropdown-menu .unsubscribed_icon {
@ -2608,7 +2608,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
vertical-align: middle;
width: 33%;
border-top: 1px solid hsl(0, 0%, 88%);
border-bottom: 1px solid #fff;
border-bottom: 1px solid hsl(0, 0%, 100%);
margin: 0px 5px 0px 5px;
}
@ -2639,7 +2639,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
width: 50%;
height: 0px;
border-top: 1px solid hsl(0, 0%, 88%);
border-bottom: 1px solid #fff;
border-bottom: 1px solid hsl(0, 0%, 100%);
}
.sub-unsub-message span::before,
@ -2865,7 +2865,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
height: 100%;
top: 0;
background: linear-gradient(0deg, #fff, transparent 10%);
background: linear-gradient(0deg, hsl(0, 0%, 100%), transparent 10%);
}
@media (max-width: 600px) {
@ -2933,7 +2933,7 @@ div.topic_edit_spinner .loading_indicator_spinner {
top: 10px;
border-radius: 6px;
background-color: hsl(0, 0%, 30%);
color: #fff;
color: hsl(0, 0%, 100%);
transition: visibility 0.2s ease-out, opacity 0.2s linear;
::after {