mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
mastodon-glitch/app/javascript/styles/mastodon/variables.scss

61 lines
2.3 KiB
SCSS
Raw Normal View History

Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement.
2017-05-08 13:57:49 +00:00
// Commonly used web colors
$black: #000000; // Black
$white: #ffffff; // White
Fix color mistakes in mastodon-light theme (#7626) * Fix colors of mastodon-light theme Fix colors of modals and focused toots in light theme Fix colors of compose-form items and more Fix colors of status__content__spoiler-link:hover and $valid-value-color Change success green color in light theme * Fix some sass codes * Add !default for explicit color valiables in default theme for overwriting colors easier in the other themes
2018-05-26 08:53:44 +00:00
$success-green: #79bd9a !default; // Padua
$error-red: #df405a !default; // Cerise
$warning-red: #ff5050 !default; // Sunset Orange
$gold-star: #ca8f04 !default; // Dark Goldenrod
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement.
2017-05-08 13:57:49 +00:00
Add bookmarks (#7107) * Add backend support for bookmarks Bookmarks behave like favourites, except they aren't shared with other users and do not have an associated counter. * Add spec for bookmark endpoints * Add front-end support for bookmarks * Introduce OAuth scopes for bookmarks * Add bookmarks to archive takeout * Fix migration * Coding style fixes * Fix rebase issue * Update bookmarked_statuses to latest UI changes * Update bookmark actions to properly reflect status changes in state * Add bookmarks item to single-column layout * Make active bookmarks red
2019-11-13 22:02:10 +00:00
$red-bookmark: $warning-red;
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement.
2017-05-08 13:57:49 +00:00
// Values from the classic Mastodon UI
$classic-base-color: #282c37; // Midnight Express
$classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue
Change brand color and logotypes (#18592) - Add rake task for generating Apple/Android icons and favicons from SVG - Add rake task for generating PNG icons and logos for e-mails from SVG - Remove obsolete Microsoft icons and configuration - Remove PWA shortcut icons
2022-06-09 20:25:23 +00:00
$classic-highlight-color: #6364ff; // Brand purple
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement.
2017-05-08 13:57:49 +00:00
// Variables for defaults in UI
Allow SCSS variables to be overridden (#2987) * Allow SCSS variables to be overridden with `app/javascript/pack/variables*.scss` * Allow these SCSS variables to be overriden: * `$base-shadow-color` * `$base-overlay-background` * `$base-border-color` * `$simple-background-color` * `$primary-text-color` * `$valid-value-color * `$error-value-color`
2017-05-12 17:22:50 +00:00
$base-shadow-color: $black !default;
$base-overlay-background: $black !default;
$base-border-color: $white !default;
$simple-background-color: $white !default;
$valid-value-color: $success-green !default;
$error-value-color: $error-red !default;
Improve scss color variables (#2912) - Updates scss variables file to use better-named variables for black/white/etc - Arranges the "mastodon classic" colors into variables - Remove all references to `$color-*` naming, replacing with new This does not in itself introduce "theme" support, but: - It would probably be easier to start working on theme support after this change and others - Even without the goal of themes, these changes make it more clear how the colors are being used. There is almost definitely some edge case in here where I've guessed the intent/context of some color usage incorrectly, but it still seems like a net improvement.
2017-05-08 13:57:49 +00:00
// Tell UI to use selected colors
Redesign extended information page (#4322) * Redesign extended information page * Remove unused keys * Add $ui-base-lighter-color variable to SCSS
2017-07-24 13:09:08 +00:00
$ui-base-color: $classic-base-color !default; // Darkest
$ui-base-lighter-color: lighten($ui-base-color, 26%) !default; // Lighter darkest
$ui-primary-color: $classic-primary-color !default; // Lighter
$ui-secondary-color: $classic-secondary-color !default; // Lightest
Separate high contrast theme (#7213)
2018-04-21 19:35:55 +00:00
$ui-highlight-color: $classic-highlight-color !default;
// Variables for texts
$primary-text-color: $white !default;
$darker-text-color: $ui-primary-color !default;
$dark-text-color: $ui-base-lighter-color !default;
$secondary-text-color: $ui-secondary-color !default;
Fix contrast of some elements with new brand colors (#18691)
2022-06-19 06:18:08 +00:00
$highlight-text-color: lighten($ui-highlight-color, 8%) !default;
Separate high contrast theme (#7213)
2018-04-21 19:35:55 +00:00
$action-button-color: $ui-base-lighter-color !default;
Add interrelationship icon (#15149) * Add interrelationship icon * Fix arrow for rtl * Fix to predefined color
2020-11-12 16:43:12 +00:00
$passive-text-color: $gold-star !default;
$active-passive-text-color: $success-green !default;
Replace from Code Climate to Super-Linter (#18587)
2022-06-01 17:22:35 +00:00
Separate high contrast theme (#7213)
2018-04-21 19:35:55 +00:00
// For texts on inverted backgrounds
$inverted-text-color: $ui-base-color !default;
$lighter-text-color: $ui-base-lighter-color !default;
$light-text-color: $ui-primary-color !default;
Fix font-weight of <strong> element for CJK fonts (#5914) * Fix font-weight for CJK fonts * Use `font-weight: 700;` for mobile support * Fix indentation * Remove trailing whitespace * Remove trailing whitespace
2017-12-07 15:01:52 +00:00
// Language codes that uses CJK fonts
ReFix font-weight of <strong> element for CJK fonts (#5920) Also apply to Japanese and Korean. Fix font-weight in landing pages.
2017-12-07 20:35:19 +00:00
$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW;
Refactor scss (#6913) * Refactoring scss introduce scss variables for the media modal fix css block structure corresponding to react components fix flex layouts remove background image of the loaded image on the media modal * Fix typo
2018-03-26 11:59:21 +00:00
// Variables for components
$media-modal-media-max-width: 100%;
Replace from Code Climate to Super-Linter (#18587)
2022-06-01 17:22:35 +00:00
Refactor scss (#6913) * Refactoring scss introduce scss variables for the media modal fix css block structure corresponding to react components fix flex layouts remove background image of the loaded image on the media modal * Fix typo
2018-03-26 11:59:21 +00:00
// put margins on top and bottom of image to avoid the screen covered by image.
$media-modal-media-max-height: 80%;
Redesign public profiles and toots (#8068)
2018-07-28 17:25:33 +00:00
Fix intermediary responsive layout, accessibility on navigation in web UI (#19324) * Fix intermediary responsive layout, accessibility on navigation in web UI * `yarn test:jest -u` Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh>
2022-10-09 13:55:32 +00:00
$no-gap-breakpoint: 1175px;
Separate font-family into variable (#8763) This will allow easier customization of font family instead of going through all occurrences of 'mastodon-font-sans-serif'.
2018-09-23 18:41:24 +00:00
$font-sans-serif: 'mastodon-font-sans-serif' !default;
$font-display: 'mastodon-font-display' !default;
$font-monospace: 'mastodon-font-monospace' !default;