diff --git a/build/webpack.config.js b/build/webpack.config.js index 9ff9248..d4a862a 100644 --- a/build/webpack.config.js +++ b/build/webpack.config.js @@ -102,7 +102,7 @@ module.exports = (env, argv) => { new CopyWebpackPlugin({ patterns: [ { from: path.resolve(LIB, 'index.php'), to: 'index.php' }, - { from: path.resolve(SRC, 'images', 'logo_title.png'), to: 'images' }, + { from: path.resolve(SRC, 'images', 'logo_title.svg'), to: 'images' }, { from: path.resolve(SRC, 'images', 'spot-logo-only.svg'), to: 'images' } ] }), diff --git a/src/components/projectSettings.vue b/src/components/projectSettings.vue index c84f29b..e3a3cd2 100644 --- a/src/components/projectSettings.vue +++ b/src/components/projectSettings.vue @@ -77,7 +77,7 @@ export default {
- +

{{ lang.get('feed.last_update')+' '+lastUpdate.relative_time }}

diff --git a/src/images/logo_bg.webp b/src/images/logo_bg.webp new file mode 100644 index 0000000..02b42ed Binary files /dev/null and b/src/images/logo_bg.webp differ diff --git a/src/images/logo_title.png b/src/images/logo_title.png deleted file mode 100644 index 7e87516..0000000 Binary files a/src/images/logo_title.png and /dev/null differ diff --git a/src/images/logo_title.svg b/src/images/logo_title.svg new file mode 100644 index 0000000..9a38577 --- /dev/null +++ b/src/images/logo_title.svg @@ -0,0 +1,299 @@ + + + LiveTrail + + + + THERE AND BACK AGAIN + + + + + Live + Trail + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + LiveTrail + + + Franzz + + + + + + + + + + + + + + diff --git a/src/images/source/badge_icon_black.png b/src/images/source/badge_icon_black.png deleted file mode 100644 index 093f3f5..0000000 Binary files a/src/images/source/badge_icon_black.png and /dev/null differ diff --git a/src/images/source/badge_icon_default.png b/src/images/source/badge_icon_default.png deleted file mode 100644 index ad8d26e..0000000 Binary files a/src/images/source/badge_icon_default.png and /dev/null differ diff --git a/src/images/source/badge_icon_message.png b/src/images/source/badge_icon_message.png deleted file mode 100644 index b45df54..0000000 Binary files a/src/images/source/badge_icon_message.png and /dev/null differ diff --git a/src/images/source/logo_title_inkscape.svg b/src/images/source/logo_title_inkscape.svg new file mode 100644 index 0000000..fa09ace --- /dev/null +++ b/src/images/source/logo_title_inkscape.svg @@ -0,0 +1,354 @@ + + + LiveTrail + + + + + THERE AND BACK AGAIN + + + + + Live + Trail + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + LiveTrail + + + Franzz + + + + + + + + + + + + + + diff --git a/src/images/source/logo_title_waves.png b/src/images/source/logo_title_waves.png deleted file mode 100644 index 76dbc09..0000000 Binary files a/src/images/source/logo_title_waves.png and /dev/null differ diff --git a/src/images/source/logo_title_waves_inkscape.svg b/src/images/source/logo_title_waves_inkscape.svg new file mode 100644 index 0000000..bf7e1ea --- /dev/null +++ b/src/images/source/logo_title_waves_inkscape.svg @@ -0,0 +1,379 @@ + + + LiveTrail + + + + + THERE AND BACK AGAIN + + + + + Live + Trail + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + LiveTrail + + + Franzz + + + + + + + + + + + + + + diff --git a/src/images/source/main_marker.png b/src/images/source/main_marker.png deleted file mode 100644 index aede923..0000000 Binary files a/src/images/source/main_marker.png and /dev/null differ diff --git a/src/styles/_color.scss b/src/styles/_color.scss index f5d5d86..3af5d07 100644 --- a/src/styles/_color.scss +++ b/src/styles/_color.scss @@ -3,6 +3,7 @@ //Default colors $default: hsl(0, 0%, 27%); $default-hover: color.adjust($default, $lightness: -10%, $space: hsl); +$default-light: color.adjust($default, $lightness: 30%, $space: hsl); $default-disabled: color.adjust($default, $lightness: 50%, $space: hsl); $default-bg: color.adjust($default, $lightness: 60%, $space: hsl); $default-bg-light: color.adjust($default, $lightness: 65%, $space: hsl); @@ -12,14 +13,19 @@ $default-inv: $default-bg; $default-inv-hover: color.adjust($default-bg, $lightness: 10%, $space: hsl); $default-inv-bg: $default; +//Theme colors +$main: #335918; +$flashy: #11DB6D; +$night: #071E26; + //Feed colors $post-input-bg: #ffffff; $post: $default; $post-hover: $default-hover; $post-bg: $default-bg; -$message: hsl(109, 45%, 27%); -$message-flashy: hsl(148, 100%, 50%); +$message: $main; +$message-flashy: $flashy; $message-hover: color.adjust($message, $lightness: -10%, $space: hsl); $message-bg: color.adjust($message, $lightness: 60%, $space: hsl); $message-bg-light: color.adjust($message, $lightness: 70%, $alpha: -0.3, $space: hsl); @@ -37,16 +43,15 @@ $over-img-bg: color.adjust($default, $lightness: 70%, $alpha: -0.5, $space: hsl $over-img-shadow: rgba(0, 0, 0, 0.5); //Settings colors -$night: #061D19; -$title: $message; -$subtitle: #999; +$title: $main; +$subtitle: $default-light; $download-hover: #0078A8; //Map colors $space: #000000; $horizon: #FFFFFF; $legend: $default; -$main-track: $message-flashy; +$main-track: $flashy; $off-track: #0000ff; $hitchhiking: #ff7814; diff --git a/src/styles/_page.project.panel.settings.scss b/src/styles/_page.project.panel.settings.scss index 0f60a64..58ccb63 100644 --- a/src/styles/_page.project.panel.settings.scss +++ b/src/styles/_page.project.panel.settings.scss @@ -1,6 +1,7 @@ @use "@styles/common"; @use "@styles/var"; @use "@styles/color"; +@use "sass:color" as sass-color; #settings { #settings-panel { @@ -18,11 +19,19 @@ .logo { display: block; border-radius: var.$block-radius; - background: color.$default-bg-light; padding: var.$block-spacing; + background: + radial-gradient( + circle farthest-side at center bottom, + color.$default-bg-light 40%, + sass-color.adjust(color.$default-bg-light, $alpha: -0.3) 100% + ), + url(../images/logo_bg.webp) + 50% 50% + ; &:has(+ .last_update) { - padding: 2 * var.$block-spacing; + padding-bottom: 3 * var.$block-spacing; } img { @@ -32,8 +41,8 @@ .last_update { position: absolute; - margin-top: -2 * var.$block-spacing; - line-height: 2 * var.$block-spacing; + margin-top: -3 * var.$block-spacing; + line-height: 3 * var.$block-spacing; padding: 0 var.$block-spacing; width: calc(100% - 2 * var.$block-spacing); @@ -153,7 +162,7 @@ flex: 0 0 auto; &.loading { - background-color: color.$message; + background-color: color.$main; color: color.$post-input-bg; .spot-icon {