240511c2d7
dark-mode: Compact common background-color declarations.
2017-12-12 09:11:34 -06:00
86f87bcb3f
dark-mode: Change hex color codes to HSL.
2017-12-12 09:11:34 -06:00
45d0b2bb47
dark-mode: Fix background colors of modals and sidebars in mobile view.
...
Fixes #7623 .
2017-12-12 09:11:34 -06:00
47fcb27e39
invitations: Remove custom_body.
...
Fixes #7672
2017-12-11 19:23:54 -08:00
9682ad4ca9
left sidebar: Add margin to bottom of Streams list.
...
The last stream name gets covered by a Chrome link hover tooltip, so an extra 20px gets added to the bottom.
Fixes #7654 .
2017-12-11 17:33:46 -08:00
d15fcc18cc
sidebars: Revert change to more muted colors.
...
This reverts commit aebf63c28
2017-12-11 15:36:59 -08:00
9bf0c96e9f
modals: Make settings page selectors more specific.
...
The `#settings_page .right.show` selector was breaking the Emoji style inputs in Display settings on mobile responsive view.
Fixes #7624 .
2017-12-08 18:22:30 -08:00
799e4adf42
compose: Align Press Enter to send checkbox with label.
...
Fixes #7604 .
2017-12-08 18:21:32 -08:00
59b0776c53
left-sidebar: Lighten global filter icons.
...
This lightens them to a half-opaque base text color so they stand out
less than they currently do.
2017-12-07 15:10:07 -08:00
aebf63c288
sidebars: Change to more muted hover/active colors.
...
The active streams and users should be more muted grey tones than the
greens and blues that they currently are.
2017-12-07 15:10:07 -08:00
60e018e972
sidebars: Add 1px of vertical margin to all <li>.
...
This makes the list slightly less dense (9%) and ensures that the
borders of hovered items and active items don’t touch each other.
2017-12-07 15:10:07 -08:00
953ee778f3
sidebars: Remove link underlines on hover.
...
This removes the underlines on the stream names and user names when
hovered over for a cleaner look. This is acceptable due to the fact
that hover is signified already by a light grey background.
2017-12-07 15:10:07 -08:00
c90faca875
portico: Modify docs sidebar to a light shade of green.
2017-12-07 14:40:17 -08:00
b7fb86b9ea
user docs: Modify sidebar and index page styling.
2017-12-07 14:40:17 -08:00
eddf3a722a
components: Change cursor to pointer for checkbox labels.
...
Lets users know that they can toggle the checkbox by clicking the corresponding label.
2017-12-07 14:37:23 -08:00
349dad7a84
typeaheads: Change active <li> to have white text again.
...
This was accidentally changed due to an inheritance problem of
`.typeahead.dropdown-menu a` overriding the default bootstrap
selector `.dropdown-menu .active > a` with its color styling
preferences.
2017-12-06 16:48:08 -08:00
2776787dc3
compose-alert: Remove unneeded style.
...
This removes the width attribute that actually makes the notification
about a pixel too long, because removing this with a block element will
automatically make it 100% auto fit.
2017-12-06 16:48:08 -08:00
0ed9da9a11
compose: Make compose alerts dark-mode compatible.
...
This makes all the alerts in the compose box compatible with dark mode
by choosing different colors and fixing borders to be properly
pronounced, along with removing text shadows that make text unreadable.
2017-12-06 16:48:08 -08:00
9a3a9be926
compose: Restyle `#out-of-view-notification` alert.
...
This restyles the notification to be slightly lighter green and have
styles that are more compatible with dark mode, along with removing
dead styles.
2017-12-06 16:48:08 -08:00
83d9844fcd
compose: Center "x" vertically and horizontally on cross-stream warning.
...
On the warning that occurs when you are cross posting to a different
stream, move the “x” to be vertically centered and horizontally aligned
with the”x” on other warnings in the compose box.
2017-12-06 16:48:08 -08:00
0e4eef6ef0
dark-mode: Make bankruptcy modal dark-mode compatible.
...
This makes the bankruptcy modal compatible with dark mode by adding the
`.modal-bg` class to switch it to dark mode, and by setting a darker
background and border color to the modal header.
2017-12-06 16:48:08 -08:00
a5da6265eb
dark-mode: Make all states of navbar <li> dark mode compatible.
...
This fixes and adds to the logic in commit `525e8e3`. That commit
would only have the stream be the correct color if it was active,
but really it should be dark text by default regardless of whether
it is the active tab bar list item.
2017-12-06 16:48:08 -08:00
8b1c3c00e8
plans: Make the feature thead separator narrower.
2017-12-01 07:14:19 -08:00
58a20b3e96
plans: Change the positioning of the commercial hosting price.
2017-12-01 07:14:19 -08:00
eebef9e9de
portico: Update /for/mystery-hunt.
2017-11-30 15:01:33 -08:00
2a7ea5ca53
dark-mode: Change star color to be lighter.
...
This changes the star color to be lighter and visually softer to be
easier to spot in the page.
2017-11-30 14:40:28 -08:00
5735f8251b
dark-mode: Make typeaheads dark mode compatible.
...
This makes the typeaheads dark-mode compatible by changing to the
background to be dark and the text to inherit from the body text
(rather than bootstrap’s default of #333 ).
2017-11-30 14:40:28 -08:00
9d255ac7de
dark-mode: Respect ".no-style" attr on buttons.
...
This respects the ".no-style" declaration on buttons and sets
the background back to transparent in dark mode (from a slightly
darkened background).
2017-11-30 14:40:28 -08:00
6d5835773e
Informational-overlays: Change "Search Operators" red to better red.
...
The color of red it was was pretty terrible, so this changes it to a
better shade that also just happens to look good with dark mode.
2017-11-30 14:40:28 -08:00
525e8e36d7
dark-mode: Fix tab list stream to not inherit color.
...
The streams can be light and if it inherits the white text color they
will not be readable. It should default to dark text with the exception
of when the tab is is `.dark-background`, in which case then it should
revert to inheriting the white color.
2017-11-30 14:40:28 -08:00
03c15fd9dc
dark-mode: Change edit notice medium grey to translucent.
...
This changes the font color from a medium grey to the base font color
plus an opacity of half.
2017-11-30 14:40:28 -08:00
675cb8599d
message-feed: Increase font weight of "(EDITED)".
...
This increases the font weight from 300 to 400 to increase visibility
of the edit notice in messages.
2017-11-30 14:40:27 -08:00
180dee5c5e
message-feed: Remove unnecessary text shadow on date row.
...
This removes an unnecessary text shadow from the message feed date rows
that doesn’t show on white backgrounds and looks unreadable on dark
ones.
2017-11-30 14:40:27 -08:00
f6bbc1f274
dark-mode: Change date row from medium grey to translucent.
...
This changes the color from a medium grey to a translucent that
inherits the base text color.
2017-11-30 14:40:27 -08:00
4f81bdd0a6
message-edit-history: Make dark mode compatible.
...
This makes the edit history overlay dark mode compatible by changing
the background to the dark blue along with changing the highlight
colors to work with white text and dark backgrounds.
2017-11-30 14:40:27 -08:00
625c163ba0
dark-mode: Convert medium grey to translucent base color.
...
This changes the message time from a medium grey to something that is
translucent base color instead.
2017-11-30 14:40:27 -08:00
b2194e860b
message-feed: Reduce animation time for date.
...
This reduces the animation time for the message date to about half.
2017-11-30 14:40:27 -08:00
80b68c3e2b
message-edit-history: Increase font weight of author.
...
This increases the font weight of the author to be a normal font weight
rather than a thin one since it’s already too faint to see on many
monitors.
2017-11-30 14:40:27 -08:00
7883897165
muted-topics: Enable dark mode for mute notifications.
...
This enables dark mode by changing the background to a dark color
in the stream/topic mute notifications.
2017-11-30 14:40:27 -08:00
afce6b18bf
muting: Change muting overlay to use standard buttons.
...
This changes the overlay “Unmute” button to use the default `.button`
style.
2017-11-30 14:40:27 -08:00
bc11b0f1e8
Revert "dark-mode: Remove unnecessary CSS and fix dark mode bugs."
...
This reverts commit 64381b6e38
2017-11-30 14:40:19 -08:00
30475ba4c4
Sidebars: Add border radius to hovered <li>.
...
This adds a border radius the the <li> to make the selections and
hover areas look a bit more polished and clean.
2017-11-30 14:34:31 -08:00
e0236646bf
night-mode: Add custom CSS through JS.
...
This adds custom CSS through JavaScript for things that do not
scope well and will override other inherited styles.
This should ONLY be used for problematic CSS that has no obvious
or easy CSS-only solution.
(Specifically, we need this for the "default link" styling, which is
hard to override because we don't want to start winning ties due to
specificity that we would not have won in the light theme).
2017-11-29 23:06:11 -08:00
e7ec21b4cf
dark-mode: Add pigments support for dark mode.
...
This adds support for dark mode pygments that are good syntax
highlighting colors to be seen on a dark background.
2017-11-29 16:44:43 -08:00
387bdd34c7
dark-mode: Change top-of-messages colors for dark mode.
...
Make it a white background with the “Z” in the same dark grey/blue
color as the background.
2017-11-29 16:44:43 -08:00
d883f3308c
dark-mode: Refactor top-of-messages logo to have CSS styles.
...
This changes the fill and stroke styles to be in CSS rather than
inlined in the SVG, making it easier to change and override elsewhere.
2017-11-29 16:44:43 -08:00
a2729c52d0
dark-mode: Fix incorrect hover colors on `.stream_label`.
...
The headers on some dark stream labels would turn dark and and on some
light turn light. This makes sure that does not happen.
2017-11-29 16:44:43 -08:00
618455c7aa
dark-mode: Fix invite overlay to have a dark background and borders.
...
This changes the modal background to be dark and changes the header
border to be darker instead of lighter like the subs and settings ones
are.
2017-11-29 16:44:43 -08:00
836bfd8f45
dark-mode: Refactor gear-menu icon to be translucent.
...
This makes the gear-menu icon translucent rather than medium grey and
black (which isn't even our base text color) to be half opaque (approx)
and base text color.
2017-11-29 16:44:43 -08:00
e37838c926
dark-mode: Refactor compose icons to be translucent.
...
This makes the compose icons translucent rather than medium grey
and black (which isn't even our base text color) to be half opaque
(approx) and base text color.
2017-11-29 16:44:43 -08:00
edffa56c51
dark-mode: Style alerts to be darker red.
...
This styles the alerts to be a darker red that blends more with the
blue dark mode theme.
2017-11-29 16:44:43 -08:00
89b38ff87d
dark-mode: Change all links to be brighter blue on hover.
...
This changes the links to become more emphasized by being brighter
rather than darker since they’re on a dark background.
2017-11-29 16:44:43 -08:00
76f6051a1e
dark-mode: Change popover arrows to all be dark.
...
This changes the position-based arrows on popovers to all be dark
rather than light grey.
2017-11-29 16:44:43 -08:00
ad9c71b4b1
dark-mode: Change emoji reaction overlay to be dark mode compatible.
...
This changes it to be compatible with the dark-mode which involves one
change to light mode of changing a grey to a translucent white in
reactions.css.
2017-11-29 16:44:42 -08:00
1716d69c35
dark-mode: Fix @-mention colors.
...
This fixes mention colors for dark mode.
2017-11-29 16:44:42 -08:00
377cad7dc2
css: Deduplicate user-group-mention CSS.
...
These CSS rules were identical before, anyway.
2017-11-29 16:43:46 -08:00
e62ba13887
dark-mode: Change `background-image` and `background-color` to background.
...
There isn’t any reason for either of these mention code paths to be
using specified background types, so convert them all to background so
inheritance is more simple.
2017-11-29 16:42:07 -08:00
64381b6e38
dark-mode: Remove unnecessary CSS and fix dark mode bugs.
2017-11-29 16:40:18 -08:00
b9c2f479d3
refactor: s/send-status-close/compose-send-status-close.
2017-11-27 21:35:14 -08:00
c0c58f9761
refactor: s/send-status/compose-send-status.
2017-11-27 21:35:14 -08:00
1d826ae201
composebox: Warn when linked to private streams.
...
Fix issue #6860
2017-11-27 07:41:59 -08:00
585cd36a2e
setting: Align elements properly in invite users.
...
Adds a margin-top to `Check all` and `Uncheck all` elements.
Fixes #7488 .
2017-11-26 09:13:33 -08:00
15bf0ebc61
css: Fix overflowing long URLs in Markdown macros.
...
Long URLs in Markdown macros overflow their containers without this
property. This reverts 0dc91a91480dc91a9148
2017-11-25 17:02:38 -08:00
0dc91a9148
css: Fix code blocks overflowing for integration names.
2017-11-24 09:26:08 -08:00
b607d26f0a
lightbox: Fix image metadata not displaying at full width when possible.
2017-11-24 09:21:31 -08:00
271c3c1101
portico: Fix portico dropdown bug.
...
This fixes a responsiveness bug where the portico dropdown was not
showing up properly in a mobile view.
2017-11-23 15:56:50 -08:00
1152246993
Revert "reactions: Change from grey to translucent."
...
This reverts commit 30f45ac061
2017-11-23 14:55:00 -08:00
a37e993907
portico: Remove unnecessary background from realm-icon.
...
This PR removes unnecessary white background from realm-icon.
Also, I have given padding and border-radius to make it look good.
This also fixes a bug where realm-name didn't show up because of the
white font color.
2017-11-22 15:00:22 -08:00
f425f9ad3d
navbar: Fix transparency issue.
2017-11-22 13:02:13 -08:00
e44b8809b2
/team: Render contributors list in tabs client side.
2017-11-22 11:33:24 -08:00
e071d27b6b
lightbox: Fix text overflow of translated user interface.
...
Fixes #7469 .
2017-11-22 09:56:30 -08:00
34689370cd
settings: Create UI and backend for setting signups stream.
2017-11-21 17:39:51 -08:00
5221ea5db5
settings: Make CSS selector more specific in table rows in org settings.
...
Fixes #7374 . Since we use `table-layout: fixed`, the width of the first
row are applied to all the remaining rows, thus wrapping all the columns
to 20% width. This is fixed by making the selector specific to only
user_rows and not the editable data row.
2017-11-21 09:12:55 -08:00
aa50fae4ba
portico: Add anchor link support to API and user docs.
...
Fixes #7432 .
2017-11-20 17:23:19 -08:00
3a397b2f2d
/team: Left align BDFL name and role in non-mobile UI.
2017-11-20 09:44:17 +00:00
06b57e8512
style: Merge css of social login/register buttons.
2017-11-17 11:44:13 -08:00
bdaf3275f7
message feed: Fix display height of empty messages.
...
Ideally, empty messages are never created. However, sometimes even
non empty messages can act as if empty, such as one consisting only
of an opening and closing blockquote tag. This sets the
.message_content to have a minimum height equal to the line height.
This is overridden with zero (the default) in the case of collapse.
2017-11-17 11:40:22 -08:00
2b6587c6bf
overlays: Move overlays earlier in index.html.
...
It appears as though the ordering of the overlays in the DOM is
overriding their z-index in Safari on mobile. This moves them up to
the top of the template ahead of the header so that the header will no
longer display above the overlays in positioning.
Fixes : #7248 .
2017-11-17 11:03:08 -08:00
4fb7292dd4
message-feed: Add dark mode support for inline code.
2017-11-17 10:30:24 -08:00
874598b291
left-sidebar: Change icons to be translucent.
...
This changes the icons to be translucent rather than grey and also
makes them get darker on hover rather than lighter (which didn’t really
make sense) on the normal theme.
2017-11-17 10:30:24 -08:00
5081294c5b
streams: Remove unnecessary font color declaration, change to translucent.
...
This changes a declaration from grey to translucent and another to
remove an unnecessary color declaration.
2017-11-17 10:30:23 -08:00
015cd65e8f
message-feed: Change borders from grey to translucent.
...
This changes the borders from grey to translucent and bins them to the
nearest tenth of opacity.
2017-11-17 10:30:23 -08:00
7d2607c919
settings: Change borders from grey to translucent.
...
This also changes the .settings-section table borders to be darker
which keeps it inline with the rest of the styling.
2017-11-17 10:30:23 -08:00
30f45ac061
reactions: Change from grey to translucent.
...
This keeps the look the same on a white background but works better on
color backgrounds, as it shares a similar saturation.
2017-11-17 10:30:23 -08:00
d13e556923
reactions: Remove unecessary color declaration.
2017-11-17 10:30:23 -08:00
e14e61c22e
compose: Change borders from gray to translucent.
...
This works better on color backgrounds while staying the same on white.
The compose input borders are also darkened slightly.
2017-11-17 10:30:23 -08:00
83f329b41a
components: Change checkboxes from grey to translucent.
...
This works better with color background and looks the same on white.
2017-11-17 10:30:23 -08:00
aeed2e6863
dark-mode: Remove unnecessary CSS and fix dark mode bugs.
2017-11-17 10:30:18 -08:00
151e5b0e51
app: Remove column-middle background color.
...
The declaration making the background color white seems to be
unnecessary.
2017-11-17 08:44:04 -08:00
f5f217570c
message-feed: Change private message blue to be translucent.
...
This looks the same on white, different on dark blue.
2017-11-17 08:44:04 -08:00
2d9a570ceb
drafts: Remove unnecessary white background on messages.
...
This removes the white background behind the messages that isn’t useful
since they are already on a white background.
2017-11-17 08:44:04 -08:00
53616cc714
gear-menu: Inherit body color.
...
Instead of overriding the default link color with grey, just inherit
the body color.
2017-11-17 08:44:04 -08:00
a77b41dce4
navbar: Remove background attribute on search bar.
...
This removes the background color declaration on the search bar so it
can inherit the standard input background color.
navbar: Let search bar inherit from base color.
2017-11-17 08:44:04 -08:00
3df96a27cc
message-feed: Make stream labels inherit color.
...
Instead of overriding the default link color with grey, just inherit
the base color.
2017-11-17 08:44:04 -08:00
ff39aa0eb5
message-feed: Remove white backgrounds on messages.
...
They aren’t necessary either I don’t believe.
2017-11-17 08:44:04 -08:00
cd3ea16785
navbar: Remove white background.
...
It’s never been necessary afaik.
2017-11-17 08:44:04 -08:00
e0e7c0091b
compose: Change from grey to translucent black.
2017-11-17 08:44:04 -08:00
3c4900205c
streams: Fix width bug with stream creation form footer.
...
The footer was a few pixels short and would create a gap in the bottom
right hand corner of the streams overlay when the stream creation flow
is open.
2017-11-17 08:44:04 -08:00
1514ea9be6
streams: Inherit base color rather than redefining text color.
...
This also removes an unecessary font-weight declaration that
was immediately being overridden.
2017-11-17 08:44:04 -08:00
efb7206756
settings: Change grey colors to translucent black.
2017-11-17 08:44:04 -08:00
Cynthia Lin
Shreyansh Dwivedi
Greg Price
Brock Whittaker
Rishi Gupta
Tim Abbott
Tommy Ip
Rhea Parekh
Balaji2198
Eeshan Garg
Robert Hönig
akashnimare
Vishnu Ks
Rohitt Vashishtha
Umair Khan
Andy Perez