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

css: Convert colors to hsl() format. 

This changes most of the app-related CSS files, but leaves
things like landing pages and bootstrap alone.
This commit is contained in:
Steve Howell 2017-11-13 07:34:06 -08:00 committed by Tim Abbott
parent ba51078418
commit f35b7b4c77
17 changed files with 150 additions and 150 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/styles/activity.css
View File

@ -1,5 +1,5 @@
.activity_head {
background-color: aliceblue;
background-color: hsl(208, 100%, 97%);
}
.table td {
@ -35,7 +35,7 @@ td.number {
tr.admin td:first-child {
font-weight: bold;
color: blue;
color: hsl(240, 100%, 50%);
font-size: 110%;
}

2
static/styles/alerts.css
View File

@ -38,7 +38,7 @@
.alert-box .alert {
font-size: 1rem;
border-radius: 4px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.alert-box .alert .faded {

8
static/styles/app_components.css
View File

@ -34,7 +34,7 @@
}
.bg-white {
background-color: #FFF;
background-color: hsl(0, 0%, 100%);
}
.clear-float {
@ -54,7 +54,7 @@
font-weight: 400;
text-align: center;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
color: inherit;
outline: none;
border: 1px solid hsl(0, 0%, 80%);
@ -192,7 +192,7 @@
overflow: hidden;
vertical-align: bottom; /* See http://stackoverflow.com/a/43266155/ */
padding: 3px 10px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
cursor: pointer;
justify-content: center;
align-items: center;
@ -237,7 +237,7 @@
.new-style .tab-switcher .ind-tab.selected {
position: relative;
background: hsl(0, 0%, 53%);
color: #fff;
color: hsl(0, 0%, 100%);
border: 1px solid hsl(0, 0%, 46%);
z-index: 2;
}

10
static/styles/compose.css
View File

@ -1,5 +1,5 @@
.compose-content {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-top: 1px solid hsl(0, 0%, 93%);
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
@ -85,7 +85,7 @@
padding-bottom: 0px;
width: 4em;
background: hsl(0, 0%, 27%);
color: #ffffff;
color: hsl(0, 0%, 100%);
}
.compose_table .pm_recipient #private_message_recipient {
@ -234,7 +234,7 @@ table.compose_table {
.send-status-close {
font-size: 17px;
font-weight: bold;
color: black;
color: hsl(0, 0%, 0%);
text-shadow: 0 1px 0 white;
opacity: .2;
filter: alpha(opacity=20);
@ -279,7 +279,7 @@ table.compose_table {
top: 5px;
font-size: 17px;
font-weight: bold;
color: black;
color: hsl(0, 0%, 0%);
text-shadow: 0 1px 0 white;
opacity: .2;
filter: alpha(opacity=20);
@ -368,7 +368,7 @@ input.recipient_box {
font-weight: 600;
border: 1px solid hsl(170, 68%, 41%);
background-color: hsl(170, 47%, 54%);
color: #fff;
color: hsl(0, 0%, 100%);
}
#compose-send-button:focus {

2
static/styles/drafts.css
View File

@ -5,7 +5,7 @@
.drafts-container {
position: relative;
height: 95%;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
padding: 0px;
width: 60%;

18
static/styles/hotspots.css
View File

@ -24,7 +24,7 @@
position: absolute;
top: 50%;
left: 50%;
background: white;
background: hsl(0, 0%, 100%);
border-radius: 50%;
border: 1px solid hsl(205, 100%, 70%);
animation: pulsate 1.5s ease-out;
@ -55,7 +55,7 @@
position: fixed;
width: 250px;
text-align: left;
box-shadow: 0 5px 10px rgba(133, 136, 144, 0.2);
box-shadow: 0 5px 10px hsla(223, 4%, 54%, 0.2);
border: 1px solid hsl(0, 0%, 80%);
border-radius: 4px;
}
@ -71,16 +71,16 @@
margin: 0;
font-size: 1.15em;
font-weight: 600;
color: white;
color: hsl(0, 0%, 100%);
}
.hotspot.overlay .hotspot-popover-content {
background-color: white;
background-color: hsl(0, 0%, 100%);
padding: 15px;
}
.hotspot.overlay .hotspot-popover-bottom {
background-color: white;
background-color: hsl(0, 0%, 100%);
height: 90px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
@ -104,7 +104,7 @@
font-size: 1.15em;
font-weight: 600;
color: white;
color: hsl(0, 0%, 100%);
background-color: hsl(164, 44%, 47%);
border-radius: 4px;
}
@ -151,7 +151,7 @@
}
.hotspot-popover.arrow-left:after {
border-right-color: #fff;
border-right-color: hsl(0, 0%, 100%);
margin-top: -12px;
}
@ -167,7 +167,7 @@
}
.hotspot-popover.arrow-bottom:after {
border-top-color: #fff;
border-top-color: hsl(0, 0%, 100%);
margin-right: -12px;
}
@ -183,7 +183,7 @@
}
.hotspot-popover.arrow-right:after {
border-left-color: #fff;
border-left-color: hsl(0, 0%, 100%);
margin-top: -12px;
}

2
static/styles/informational-overlays.css
View File

@ -8,7 +8,7 @@
border-radius: 4px;
overflow: hidden;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.informational-overlays .overlay-tabs {

10
static/styles/input_pill.css
View File

@ -17,7 +17,7 @@
padding: 0px 18px 0px 2px;
margin: 1px 1px;
color: #5db7b3;
color: hsl(177, 38%, 54%);
border: 1px solid #b2e4e2;
border-radius: 4px;
@ -26,7 +26,7 @@
}
.pill-container .pill:focus {
color: #b85e5e;
color: hsl(0, 38%, 54%);
border: 1px solid #e4b2b2;
outline: none;
@ -74,15 +74,15 @@
}
.pm_recipient .pill-container .pill {
color: #fff;
color: hsl(0, 0%, 100%);
border: 1px solid #36a29b;
background: #51c1af;
background: hsl(170, 47%, 53%);
font-weight: 600;
}
.pm_recipient .pill-container .pill:focus {
border: 1px solid #108179;
background: #36a29b;
background: hsl(176, 49%, 42%);
}
.pm_recipient .pill-container .input {

4
static/styles/left-sidebar.css
View File

@ -188,7 +188,7 @@ li.hidden-filter {
background: hsl(105, 2%, 50%);
padding: 1px 4px;
border-radius: 0px;
color: #ffffff;
color: hsl(0, 0%, 100%);
font-size: 12px;
font-weight: normal;
letter-spacing: 0.6px;
@ -228,7 +228,7 @@ li.hidden-filter {
top: 4px;
padding: 1px 4px 1px 4px;
background: hsl(107, 5%, 66%);
color: #ffffff;
color: hsl(0, 0%, 100%);
border-radius: 1px;
font-size: 12px;
font-weight: normal;

16
static/styles/lightbox.css
View File

@ -23,7 +23,7 @@
max-height: 100%;
max-width: 100%;
background-color: #FFF;
background-color: hsl(0, 0%, 100%);
background-image:
-moz-linear-gradient(45deg, hsl(0, 0%, 80%) 25%, transparent 25%),
-moz-linear-gradient(-45deg, hsl(0, 0%, 80%) 25%, transparent 25%),
@ -96,7 +96,7 @@
border: 1px solid rgba(255, 255, 255, 0.6);
text-align: center;
color: #fff;
color: hsl(0, 0%, 100%);
cursor: pointer;
@ -104,7 +104,7 @@
}
#lightbox_overlay .image-actions .lightbox-canvas-trigger:hover {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border: 1px solid #fff;
color: hsl(227, 40%, 16%);
opacity: 1;
@ -162,7 +162,7 @@
margin-bottom: 15px;
font-size: 1.3rem;
color: #fff;
color: hsl(0, 0%, 100%);
}
#lightbox_overlay .image-description .title {
@ -216,7 +216,7 @@
margin-top: 25px;
padding: 5px 10px;
color: #fff;
color: hsl(0, 0%, 100%);
font-size: 1.8em;
font-weight: 100;
@ -268,13 +268,13 @@
padding: 4px 10px;
border: 1px solid hsla(0, 0%, 100%, 0.6);
background-color: transparent;
color: #fff;
color: hsl(0, 0%, 100%);
border-radius: 4px;
}
.image-actions .button:hover {
background-color: #fff;
border-color: #fff;
background-color: hsl(0, 0%, 100%);
border-color: hsl(0, 0%, 100%);
color: hsl(227, 40%, 16%);
}

2
static/styles/popovers.css
View File

@ -34,7 +34,7 @@
}
.streams_popover .sp-container {
background: white;
background: hsl(0, 0%, 100%);
cursor: pointer;
border: none;
}

122
static/styles/pygments.css
View File

@ -1,212 +1,212 @@
.codehilite pre {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
-webkit-font-smoothing: auto;
}
.codehilite .hll {
background-color: #ffffcc;
background-color: hsl(60, 100%, 90%);
}
.codehilite {
background: #f8f8f8;
background: hsl(0, 0%, 97%);
}
.codehilite .c {
color: #408080;
color: hsl(180, 33%, 37%);
font-style: italic;
} /* Comment */
.codehilite .err {
border: 1px solid #FF0000;
} /* Error */
.codehilite .k {
color: #a71d5d;
color: hsl(332, 70%, 38%);
} /* Keyword */
.codehilite .o {
color: #a71d5d;
color: hsl(332, 70%, 38%);
} /* Operator */
.codehilite .cm {
color: #408080;
color: hsl(180, 33%, 37%);
font-style: italic;
} /* Comment.Multiline */
.codehilite .cp {
color: #BC7A00;
color: hsl(38, 100%, 36%);
} /* Comment.Preproc */
.codehilite .c1 {
color: #aaa;
color: hsl(0, 0%, 66%);
font-style: italic;
} /* Comment.Single */
.codehilite .cs {
color: #408080;
color: hsl(180, 33%, 37%);
font-style: italic;
} /* Comment.Special */
.codehilite .gd {
color: #A00000;
color: hsl(0, 100%, 31%);
} /* Generic.Deleted */
.codehilite .ge {
font-style: italic;
} /* Generic.Emph */
.codehilite .gr {
color: #FF0000;
color: hsl(0, 100%, 50%);
} /* Generic.Error */
.codehilite .gh {
color: #000080;
color: hsl(240, 100%, 25%);
font-weight: bold;
} /* Generic.Heading */
.codehilite .gi {
color: #00A000;
color: hsl(120, 100%, 31%);
} /* Generic.Inserted */
.codehilite .go {
color: #808080;
color: hsl(0, 0%, 50%);
} /* Generic.Output */
.codehilite .gp {
color: #000080;
color: hsl(240, 100%, 25%);
font-weight: bold;
} /* Generic.Prompt */
.codehilite .gs {
font-weight: bold;
} /* Generic.Strong */
.codehilite .gu {
color: #800080;
color: hsl(300, 100%, 25%);
font-weight: bold;
} /* Generic.Subheading */
.codehilite .gt {
color: #0040D0;
color: hsl(221, 100%, 40%);
} /* Generic.Traceback */
.codehilite .kc {
color: #a71d5d;
color: hsl(332, 70%, 38%);
font-weight: bold;
} /* Keyword.Constant */
.codehilite .kd {
color: #a71d5d;
color: hsl(332, 70%, 38%);
} /* Keyword.Declaration */
.codehilite .kn {
color: #a71d5d;
color: hsl(332, 70%, 38%);
font-weight: bold;
} /* Keyword.Namespace */
.codehilite .kp {
color: #a71d5d;
color: hsl(332, 70%, 38%);
} /* Keyword.Pseudo */
.codehilite .kr {
color: #a71d5d;
color: hsl(332, 70%, 38%);
font-weight: bold;
} /* Keyword.Reserved */
.codehilite .kt {
color: #a71d5d;
color: hsl(332, 70%, 38%);
} /* Keyword.Type */
.codehilite .m {
color: #666666;
color: hsl(0, 0%, 40%);
} /* Literal.Number */
.codehilite .s {
color: #6ea22c;
color: hsl(86, 57%, 40%);
} /* Literal.String */
.codehilite .na {
color: #7D9029;
color: hsl(71, 55%, 36%);
} /* Name.Attribute */
.codehilite .nb {
color: #0086b3;
color: hsl(195, 100%, 35%);
} /* Name.Builtin */
.codehilite .nc {
color: #795da3;
color: hsl(264, 27%, 50%);
font-weight: bold;
} /* Name.Class */
.codehilite .no {
color: #880000;
color: hsl(0, 100%, 26%);
} /* Name.Constant */
.codehilite .nd {
color: #AA22FF;
color: hsl(276, 100%, 56%);
} /* Name.Decorator */
.codehilite .ni {
color: #999999;
color: hsl(0, 0%, 60%);
font-weight: bold;
} /* Name.Entity */
.codehilite .ne {
color: #D2413A;
color: hsl(2, 62%, 52%);
font-weight: bold;
} /* Name.Exception */
.codehilite .nf {
color: #795da3;
color: hsl(264, 27%, 50%);
} /* Name.Function */
.codehilite .nl {
color: #A0A000;
color: hsl(60, 100%, 31%);
} /* Name.Label */
.codehilite .nn {
color: #795da3;
color: hsl(264, 27%, 50%);
font-weight: bold;
} /* Name.Namespace */
.codehilite .nt {
color: #008000;
color: hsl(120, 100%, 25%);
font-weight: bold;
} /* Name.Tag */
.codehilite .nv {
color: #19177C;
color: hsl(241, 68%, 28%);
} /* Name.Variable */
.codehilite .nx {
color: #444;
color: hsl(0, 0%, 26%);
} /* Not sure? */
.codehilite .ow {
color: #AA22FF;
color: hsl(276, 100%, 56%);
font-weight: bold;
} /* Operator.Word */
.codehilite .w {
color: #bbbbbb;
color: hsl(0, 0%, 73%);
} /* Text.Whitespace */
.codehilite .mf {
color: #0086b3;
color: hsl(195, 100%, 35%);
} /* Literal.Number.Float */
.codehilite .mh {
color: #0086b3;
color: hsl(195, 100%, 35%);
} /* Literal.Number.Hex */
.codehilite .mi {
color: #0086b3;
color: hsl(195, 100%, 35%);
} /* Literal.Number.Integer */
.codehilite .mo {
color: #0086b3;
color: hsl(195, 100%, 35%);
} /* Literal.Number.Oct */
.codehilite .sb {
color: #6ea22c;
color: hsl(86, 57%, 40%);
} /* Literal.String.Backtick */
.codehilite .sc {
color: #6ea22c;
color: hsl(86, 57%, 40%);
} /* Literal.String.Char */
.codehilite .sd {
color: #6ea22c;
color: hsl(86, 57%, 40%);
font-style: italic;
} /* Literal.String.Doc */
.codehilite .s2 {
color: #183691;
color: hsl(225, 71%, 33%);
} /* Literal.String.Double */
.codehilite .se {
color: #BB6622;
color: hsl(26, 69%, 43%);
font-weight: bold;
} /* Literal.String.Escape */
.codehilite .sh {
color: #6ea22c;
color: hsl(86, 57%, 40%);
} /* Literal.String.Heredoc */
.codehilite .si {
color: #BB6688;
color: hsl(336, 38%, 56%);
font-weight: bold;
} /* Literal.String.Interpol */
.codehilite .sx {
color: #008000;
color: hsl(120, 100%, 25%);
} /* Literal.String.Other */
.codehilite .sr {
color: #3aaec3;
color: hsl(189, 54%, 49%);
} /* Literal.String.Regex */
.codehilite .s1 {
color: #6ea22c;
color: hsl(86, 57%, 40%);
} /* Literal.String.Single */
.codehilite .ss {
color: #19177C;
color: hsl(241, 68%, 28%);
} /* Literal.String.Symbol */
.codehilite .bp {
color: #008000;
color: hsl(120, 100%, 25%);
} /* Name.Builtin.Pseudo */
.codehilite .vc {
color: #19177C;
color: hsl(241, 68%, 28%);
} /* Name.Variable.Class */
.codehilite .vg {
color: #19177C;
color: hsl(241, 68%, 28%);
} /* Name.Variable.Global */
.codehilite .vi {
color: #19177C;
color: hsl(241, 68%, 28%);
} /* Name.Variable.Instance */
.codehilite .il {
color: #666666;
color: hsl(0, 0%, 40%);
} /* Literal.Number.Integer.Long */

18
static/styles/reactions.css
View File

@ -14,7 +14,7 @@
padding: 0 2px 0 0;
height: 19px;
cursor: pointer;
background-color: #ffffff;
background-color: hsl(0, 0%, 100%);
border: 1px solid hsl(194, 37%, 84%);
border-radius: 4px;
}
@ -145,11 +145,11 @@
}
.emoji-info-popover.bottom .arrow {
border-bottom-color: #eee;
border-bottom-color: hsl(0, 0%, 93%);
}
.emoji-info-popover.top .arrow {
border-top-color: #eee;
border-top-color: hsl(0, 0%, 93%);
}
.emoji-popover {
@ -163,7 +163,7 @@
padding: 8px 10px;
margin-bottom: 0px;
background-color: #eee;
background-color: hsl(0, 0%, 93%);
border-radius: 5px 5px 0px 0px;
}
@ -205,7 +205,7 @@
.emoji-popover-subheading {
font-weight: 600;
color: #333;
color: hsl(0, 0%, 20%);
padding: 5px 3px;
}
@ -249,7 +249,7 @@
}
.emoji-popover-category-tabs {
background-color: #eee;
background-color: hsl(0, 0%, 93%);
width: 100%;
box-sizing: border-box;
overflow: hidden;
@ -261,13 +261,13 @@
width: 25px;
height: 25px;
text-align: center;
color: #515151;
color: hsl(0, 0%, 31%);
font-size: 16px;
cursor: pointer;
}
.emoji-popover-category-tabs .emoji-popover-tab-item.active {
background: #cecece;
background: hsl(0, 0%, 80%);
}
.typeahead .emoji {
@ -276,7 +276,7 @@
.emoji-showcase-container {
position: relative;
background-color: #eee;
background-color: hsl(0, 0%, 93%);
min-height: 44px;
width: 250px;
}

4
static/styles/right-sidebar.css
View File

@ -81,7 +81,7 @@
.user_offline .user-status-indicator {
background-color: none;
border-color: gray;
border-color: hsl(0, 0%, 50%);
}
.user_unknown .user-status-indicator {
@ -151,7 +151,7 @@
padding: 1px 4px 2px 4px;
background: hsl(105, 2%, 50%);
border-radius: 0px;
color: #ffffff;
color: hsl(0, 0%, 100%);
font-size: 12px;
font-weight: normal;
letter-spacing: 0.6px;

18
static/styles/settings.css
View File

@ -258,7 +258,7 @@ td .button {
.dynamic-input {
display: inline-block;
padding: 5px;
background-color: #FFF;
background-color: hsl(0, 0%, 100%);
border: 1px solid hsl(0, 0%, 80%);
border-radius: 3px;
transition: box-shadow 0.3s ease;
@ -363,7 +363,7 @@ input[type=checkbox].inline-block {
height: 40px;
font-weight: 600;
color: #fff;
color: hsl(0, 0%, 100%);
background: -webkit-linear-gradient(-45deg, hsl(168, 53%, 52%), hsl(168, 69%, 67%));
background: linear-gradient(-45deg, hsl(168, 53%, 52%), hsl(168, 69%, 67%));
@ -415,7 +415,7 @@ input[type=checkbox].inline-block {
#attachments_list .attachment-messages .ind-message .message-id {
padding: 1px 4px 1px 4px;
background-color: hsl(0, 0%, 66%);
color: #fff;
color: hsl(0, 0%, 100%);
}
#attachments_list .attachment-messages .ind-message:hover {
@ -588,7 +588,7 @@ input[type=checkbox].inline-block {
}
.add-new-emoji-box #emoji-file-name {
color: #aaa;
color: hsl(0, 0%, 66%);
}
.add-new-filter-box button {
@ -686,7 +686,7 @@ input[type=checkbox].inline-block {
max-height: 220px;
margin: 5px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border: 1px solid hsl(0, 0%, 86%);
border-radius: 4px;
box-sizing: border-box;
@ -803,7 +803,7 @@ input[type=checkbox].inline-block {
#attachments_list {
list-style-type: none;
margin: auto;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
#alert_words_list {
@ -906,7 +906,7 @@ input[type=checkbox].inline-block {
width: 97vw;
max-width: 1024px;
margin: 2.5vh auto;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
overflow: hidden;
border-radius: 4px;
@ -927,7 +927,7 @@ input[type=checkbox].inline-block {
}
#settings_page .sidebar .tab-container {
background-color: #fff;
background-color: hsl(0, 0%, 100%);
padding: 6px;
border-bottom: 1px solid hsl(0, 0%, 86%);
}
@ -1022,7 +1022,7 @@ input[type=checkbox].inline-block {
width: 300px;
height: calc(100% - 45px);
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-left: 1px solid hsl(0, 0%, 86%);
pointer-events: none;

6
static/styles/subscriptions.css
View File

@ -418,7 +418,7 @@ form#add_new_subscription {
.subscriptions-container {
position: relative;
height: 95%;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
padding: 0px;
width: 97%;
@ -676,9 +676,9 @@ form#add_new_subscription {
width: 35px;
height: 35px;
margin-right: 8px;
background-color: purple;
background-color: hsl(300, 100%, 25%);
border-radius: 4px;
color: #fff;
color: hsl(0, 0%, 100%);
}
.stream-row .icon .symbol {

54
static/styles/zulip.css
View File

@ -19,7 +19,7 @@ body {
/* Common background color */
body,
#tab_bar_underpadding {
background-color: #ffffff;
background-color: hsl(0, 0%, 100%);
-webkit-transition: background-color 200ms linear;
-moz-transition: background-color 200ms linear;
-o-transition: background-color 200ms linear;
@ -178,7 +178,7 @@ p.n-margin {
position: fixed;
z-index: 102; /* Needs to be higher than .alert-bar-container */
width: 100%;
background: #ffffff;
background: hsl(0, 0%, 100%);
border-bottom: 1px solid hsl(0, 0%, 85%);
height: 40px;
}
@ -199,11 +199,11 @@ p.n-margin {
text-align: center;
text-shadow: none;
color: #fff;
color: hsl(0, 0%, 100%);
}
#panels .alert.alert-info {
background: #54c0ae;
background: hsl(170, 46%, 54%);
}
#panels .alert .close {
@ -211,7 +211,7 @@ p.n-margin {
}
#panels .alert .alert-link {
color: #c6fff5;
color: hsl(169, 100%, 88%);
font-weight: 600;
}
@ -286,7 +286,7 @@ p.n-margin {
.app-main .column-middle {
min-height: 100%;
background-color: #ffffff;
background-color: hsl(0, 0%, 100%);
}
.column-middle {
@ -340,7 +340,7 @@ li,
.copy_message,
.copy_message:focus {
background-color: white;
background-color: hsl(0, 0%, 100%);
height: 20px;
width: 15px;
padding: 5px 10px;
@ -358,7 +358,7 @@ li,
}
.copy_message:hover svg path {
fill: black;
fill: hsl(0, 0%, 0%);
}
.btn-large {
@ -370,7 +370,7 @@ li,
font-size: 120%;
font-weight: 900;
text-shadow: none;
color: #ffffff;
color: hsl(0, 0%, 100%);
font-variant: small-caps;
letter-spacing: 2px;
line-height: 18px;
@ -427,7 +427,7 @@ code {
.message_content code {
white-space: pre-wrap;
padding: 0px 4px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
/* This ensures bulleted lists are nicely centered in 1-line messages */
@ -544,7 +544,7 @@ a:hover code {
}
.tooltip .tooltip-inner {
background-color: rgba(20, 20, 20, 0.8);
background-color: hsla(0, 0%, 7%, 0.8);
padding: 3px 5px;
}
@ -597,11 +597,11 @@ li.actual-dropdown-menu i {
td.pointer {
vertical-align: top;
padding-top: 10px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
}
.new_messages {
background-color: lightblue;
background-color: hsl(194, 53%, 79%);
}
.new_messages,
@ -680,7 +680,7 @@ td.pointer {
right: -110px;
font-size: 14px;
color: hsl(170, 47%, 54%);
background-color: white;
background-color: hsl(0, 0%, 100%);
z-index: 999;
padding-left: 20px;
padding-right: 40px;
@ -732,7 +732,7 @@ td.pointer {
vertical-align: top;
text-align: left;
padding: 0px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
position: relative;
}
@ -1009,7 +1009,7 @@ td.pointer {
.messagebox-bottom {
height: 3px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-radius: 0px 0px 3px 0px;
/* box-shadow: 0px 2px 2px -1px hsl(0, 0%, 80%); */
border: 1px solid hsl(166, 26%, 80%);
@ -1044,7 +1044,7 @@ td.pointer {
private messages, mentions, and unread messages */
.messagebox {
background-color: #ffffff;
background-color: hsl(0, 0%, 100%);
position: relative;
}
@ -1089,7 +1089,7 @@ td.pointer {
background: hsl(107, 74%, 29%);
width: 3px;
height: 100%;
box-shadow: inset 0px -1px 0px 0px #ffffff;
box-shadow: inset 0px -1px 0px 0px hsl(0, 0%, 100%);
}
.last_message .unread-marker-fill {
@ -1200,7 +1200,7 @@ td.pointer {
.message_failed {
font-weight: bold;
color: red;
color: hsl(0, 100%, 50%);
position: relative;
}
@ -1612,7 +1612,7 @@ blockquote p {
}
#tab_list li.private_message a {
color: #ffffff;
color: hsl(0, 0%, 100%);
}
#tab_list li.inactive:before {
@ -1658,7 +1658,7 @@ blockquote p {
border-bottom-color: hsla(0, 0%, 0%, 0.0);
background-color: hsl(0, 0%, 27%);
border-left-color: hsl(0, 0%, 27%);
color: #ffffff;
color: hsl(0, 0%, 100%);
border-width: 0px;
}
@ -1736,7 +1736,7 @@ blockquote p {
font-size: 9px;
z-index: 15;
font-weight: normal;
color: #ffffff;
color: hsl(0, 0%, 100%);
}
.nav .dropdown-menu {
@ -2084,7 +2084,7 @@ div.floating_recipient {
}
.tex-error {
color: gray;
color: hsl(0, 0%, 50%);
}
.hotkeys_table {
@ -2109,7 +2109,7 @@ div.floating_recipient {
.operator_value {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
color: maroon;
color: hsl(0, 100%, 25%);
}
.operator {
@ -2156,7 +2156,7 @@ div.floating_recipient {
.table-striped thead th {
background-color: hsl(0, 0%, 27%);
color: white;
color: hsl(0, 0%, 100%);
}
.help-table {
@ -2208,7 +2208,7 @@ div.floating_recipient {
button.primary {
background-color: hsl(207, 21%, 62%);
padding: 2px;
color: #fff;
color: hsl(0, 0%, 100%);
border: none;
border-radius: 0px;
}
@ -2279,7 +2279,7 @@ button.topic_edit_cancel {
#invite-user .overlay-content {
position: relative;
width: 500px;
background-color: #fff;
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
}