diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 65d3ee225..774f91cf6 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -32,7 +32,7 @@ } a { - color: $secondary-text-color; + color: $pleroma-links; text-decoration: none; &:hover { diff --git a/app/javascript/flavours/glitch/styles/variables.scss b/app/javascript/flavours/glitch/styles/variables.scss index 1ed1a5778..f817f08c5 100644 --- a/app/javascript/flavours/glitch/styles/variables.scss +++ b/app/javascript/flavours/glitch/styles/variables.scss @@ -8,11 +8,17 @@ $gold-star: #ca8f04; // Dark Goldenrod $red-bookmark: $warning-red; +// Pleroma-Dark colors +$pleroma-bg: #121a24; +$pleroma-fg: #182230; +$pleroma-text: #b9b9ba; +$pleroma-links: #d8a070; + // Values from the classic Mastodon UI -$classic-base-color: #282c37; // Midnight Express -$classic-primary-color: #9baec8; // Echo Blue -$classic-secondary-color: #d9e1e8; // Pattens Blue -$classic-highlight-color: #2b90d9; // Summer Sky +$classic-base-color: $pleroma-bg; +$classic-primary-color: #9baec8; +$classic-secondary-color: #d9e1e8; +$classic-highlight-color: #d8a070; // Variables for defaults in UI $base-shadow-color: $black !default; @@ -51,9 +57,9 @@ $media-modal-media-max-height: 80%; $no-gap-breakpoint: 415px; -$font-sans-serif: 'mastodon-font-sans-serif' !default; -$font-display: 'mastodon-font-display' !default; -$font-monospace: 'mastodon-font-monospace' !default; +$font-sans-serif: sans-serif !default; +$font-display: sans-serif !default; +$font-monospace: monospace !default; // Avatar border size (8% default, 100% for rounded avatars) $ui-avatar-border-size: 8%; diff --git a/app/javascript/mastodon/features/compose/components/search.js b/app/javascript/mastodon/features/compose/components/search.js index 1ab197ac5..8f34df49a 100644 --- a/app/javascript/mastodon/features/compose/components/search.js +++ b/app/javascript/mastodon/features/compose/components/search.js @@ -21,7 +21,7 @@ class SearchPopout extends React.PureComponent { const { style } = this.props; const extraInformation = searchEnabled ? : ; return ( -
+
{({ opacity, scaleX, scaleY }) => (
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 532d06cca..ca644c9c0 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -669,7 +669,7 @@ } a { - color: $secondary-text-color; + color: $pleroma-links; text-decoration: none; &:hover { @@ -1862,6 +1862,8 @@ a.account__display-name { > .scrollable { background: $ui-base-color; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } } @@ -1875,7 +1877,7 @@ a.account__display-name { } .drawer { - width: 300px; + width: 330px; box-sizing: border-box; display: flex; flex-direction: column; @@ -1944,7 +1946,7 @@ a.account__display-name { .column, .drawer { - flex: 0 0 auto; + flex: 1 1 auto; padding: 10px; padding-left: 5px; padding-right: 5px; @@ -1989,6 +1991,7 @@ a.account__display-name { overflow-y: auto; width: 100%; height: 100%; + border-radius: 2px; &.darker { background: $ui-base-color; @@ -2025,6 +2028,7 @@ a.account__display-name { margin-bottom: 10px; display: flex; flex-direction: row; + border-radius: 2px; a { transition: background 100ms ease-in; @@ -2775,6 +2779,8 @@ a.status-card.compact:hover { z-index: 2; outline: 0; overflow: hidden; + border-top-left-radius: 2px; + border-top-right-radius: 2px; & > button { margin: 0; diff --git a/app/javascript/styles/mastodon/variables.scss b/app/javascript/styles/mastodon/variables.scss index a82c44229..bb07eefb5 100644 --- a/app/javascript/styles/mastodon/variables.scss +++ b/app/javascript/styles/mastodon/variables.scss @@ -6,11 +6,17 @@ $error-red: #df405a !default; // Cerise $warning-red: #ff5050 !default; // Sunset Orange $gold-star: #ca8f04 !default; // Dark Goldenrod +// Pleroma-Dark colors +$pleroma-bg: #121a24; +$pleroma-fg: #182230; +$pleroma-text: #b9b9ba; +$pleroma-links: #d8a070; + // Values from the classic Mastodon UI -$classic-base-color: #282c37; // Midnight Express -$classic-primary-color: #9baec8; // Echo Blue -$classic-secondary-color: #d9e1e8; // Pattens Blue -$classic-highlight-color: #2b90d9; // Summer Sky +$classic-base-color: $pleroma-bg; +$classic-primary-color: #9baec8; +$classic-secondary-color: #d9e1e8; +$classic-highlight-color: #d8a070; // Variables for defaults in UI $base-shadow-color: $black !default;