First modifications to emulate a federated Tinder

This commit is contained in:
Bofh 2020-12-23 23:00:14 +01:00
parent 0afaef350a
commit 259c336e87
3 changed files with 25 additions and 6 deletions

5
INFO.md Normal file
View File

@ -0,0 +1,5 @@
Repo:
https://github.com/nolanlawson/pinafore
Development:
https://github.com/nolanlawson/pinafore/blob/master/CONTRIBUTING.md

View File

@ -1,6 +1,6 @@
export default { export default {
// Home page, basic <title> and <description> // Home page, basic <title> and <description>
appName: 'Pinafore', appName: 'FediLove',
appDescription: 'An alternative web client for Mastodon, focused on speed and simplicity.', appDescription: 'An alternative web client for Mastodon, focused on speed and simplicity.',
homeDescription: ` homeDescription: `
<p> <p>

View File

@ -1,15 +1,29 @@
$main-theme-color: #5263af; $main-theme-color: #5263af;
$body-bg-color: #0f1427; $body-bg-color: #fff;
$main-bg-color: #212433; $main-bg-color: #f2f2f2;
$anchor-color: lighten($main-theme-color, 20%); $anchor-color: #e1004a;
$main-text-color: #fafaff; $main-text-color: #000;
$border-color: lighten($main-bg-color, 16%); $border-color: lighten($main-bg-color, 16%);
$secondary-text-color: #f6f6ff; $secondary-text-color: #f6f6ff;
$toast-border: $main-theme-color; $toast-border: $main-theme-color;
$toast-bg: lighten($body-bg-color, 4%); $toast-bg: lighten($body-bg-color, 4%);
$focus-outline: darken($main-theme-color, 10%); $focus-outline: darken($main-theme-color, 10%);
$compose-background: darken($main-theme-color, 12%); $compose-background: darken($main-theme-color, 12%);
$nav-bg: #ff0759;
$nav-a-selected-bg: lighten($nav-bg, 10%);
$nav-a-bg-hover: lighten($nav-bg, 25%);
@import "_base.scss"; @import "_base.scss";
@import "_dark.scss"; @import "_dark.scss";
@import "_dark_scrollbars.scss"; @import "_dark_scrollbars.scss";
:root {
--banner-fill: #{$nav-bg};
--button-primary-border: transparent;
--button-primary-bg: #{$nav-bg};
--button-primary-bg-hover: #{$nav-a-bg-hover};
--button-primary-bg-active: #{$nav-a-selected-bg};
--nav-bg: #{$nav-bg};
--nav-a-selected-bg: #{$nav-a-selected-bg};
--nav-a-bg-hover: #{$nav-a-bg-hover};
}