add tootcafe theme, icons from mlcdf (#5)
25
app/javascript/styles/tootcafe.scss
Normal file
|
@ -0,0 +1,25 @@
|
|||
// Theme by Maxime Le Conte des Floris: https://toot.cafe/@mlcdf
|
||||
// Originally https://github.com/tootcafe/mastodon/pull/2
|
||||
|
||||
$color1: #2a2833; // darkest
|
||||
$color2: #f1ebff; // lightest
|
||||
$color3: #aea0c9; // lighter
|
||||
$color4: #ae91e8; // vibrant
|
||||
$color5: #ffffff; // white
|
||||
$color6: #ff5283; // error red
|
||||
$color7: #34febb; // succ green
|
||||
$color8: #000000; // black
|
||||
|
||||
$ui-base-color: $color1;
|
||||
$ui-secondary-color: $color2;
|
||||
$ui-primary-color: $color3;
|
||||
$ui-highlight-color: $color4;
|
||||
$base-border-color: $color5;
|
||||
$simple-background-color: $color5;
|
||||
$primary-text-color: $color5;
|
||||
$error-value-color: $color6;
|
||||
$valid-value-color: $color7;
|
||||
$base-shadow-color: $color8;
|
||||
$base-overlay-background: $color8;
|
||||
|
||||
@import 'application';
|
|
@ -24,10 +24,30 @@ class ManifestSerializer < ActiveModel::Serializer
|
|||
def icons
|
||||
[
|
||||
{
|
||||
src: '/android-chrome-48x48.png',
|
||||
sizes: '48x48',
|
||||
type: 'image/png',
|
||||
}, {
|
||||
src: '/android-chrome-72x72.png',
|
||||
sizes: '72x72',
|
||||
type: 'image/png',
|
||||
}, {
|
||||
src: '/android-chrome-96x96.png',
|
||||
sizes: '96x96',
|
||||
type: 'image/png',
|
||||
}, {
|
||||
src: '/android-chrome-144x144.png',
|
||||
sizes: '144x144',
|
||||
type: 'image/png',
|
||||
}, {
|
||||
src: '/android-chrome-192x192.png',
|
||||
sizes: '192x192',
|
||||
type: 'image/png',
|
||||
},
|
||||
}, {
|
||||
src: '/android-chrome-512x512.png',
|
||||
sizes: '512x512',
|
||||
type: 'image/png',
|
||||
}
|
||||
]
|
||||
end
|
||||
|
||||
|
@ -36,7 +56,7 @@ class ManifestSerializer < ActiveModel::Serializer
|
|||
end
|
||||
|
||||
def background_color
|
||||
'#191b22'
|
||||
'#f1ebff'
|
||||
end
|
||||
|
||||
def display
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
default: styles/application.scss
|
||||
default: styles/tootcafe.scss # via https://github.com/tootcafe/mastodon/pull/2
|
||||
mastodon: styles/application.scss
|
||||
contrast: styles/contrast.scss
|
||||
mastodon-light: styles/mastodon-light.scss
|
||||
|
|
BIN
public/android-chrome-144x144.png
Normal file
After Width: | Height: | Size: 8.2 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 11 KiB |
BIN
public/android-chrome-48x48.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
public/android-chrome-512x512.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
public/android-chrome-72x72.png
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
public/android-chrome-96x96.png
Normal file
After Width: | Height: | Size: 4.5 KiB |
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 9.8 KiB |
BIN
public/badge.png
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.7 KiB |
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 7.5 KiB |