forked from mirrors/amputoma-fe
Basically make the frontend look really good i love it
This commit is contained in:
parent
b7f65ec438
commit
92b9cc0e45
GPG key ID:
06B907155B66AAE3
21 changed files with 668 additions and 733 deletions
|
|
@ -1,4 +0,0 @@
|
||||||
{
|
|
||||||
"target": "https://otp.akkoma.dev/",
|
|
||||||
"staticConfigPreference": false
|
|
||||||
}
|
|
||||||
|
|
@ -3,9 +3,10 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
|
||||||
<title>Amputoma</title>
|
<title>Puppyoma</title>
|
||||||
<link rel="stylesheet" href="/static/font/tiresias.css">
|
<link rel="stylesheet" href="/static/font/tiresias.css">
|
||||||
<link rel="stylesheet" href="/static/font/css/lato.css">
|
<link rel="stylesheet" href="/static/font/css/lato.css">
|
||||||
|
<link rel="stylesheet" href="/static/font/css/lexend.css">
|
||||||
<link rel="stylesheet" href="/static/mfm.css">
|
<link rel="stylesheet" href="/static/mfm.css">
|
||||||
<link rel="stylesheet" href="/static/theme-holder.css" id="theme-holder">
|
<link rel="stylesheet" href="/static/theme-holder.css" id="theme-holder">
|
||||||
<!--server-generated-meta-->
|
<!--server-generated-meta-->
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
@import '@fortawesome/fontawesome-svg-core/styles.css';
|
@import '@fortawesome/fontawesome-svg-core/styles.css';
|
||||||
@import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css';
|
@import '@floatingghost/pinch-zoom-element/dist/pinch-zoom.css';
|
||||||
:root {
|
:root {
|
||||||
--navbar-height: 3.5rem;
|
--navbar-height: 3.8rem;
|
||||||
--post-line-height: 1.4;
|
--post-line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -7,8 +7,22 @@
|
||||||
color: var(--inputTopbarText, var(--inputText));
|
color: var(--inputTopbarText, var(--inputText));
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
.site-brand {
|
||||||
color: var(--topBarLink, $fallback--link);
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
border-radius: var(--btnRadius);
|
||||||
|
transition: all 300ms;
|
||||||
|
color: var(--topBarLink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-brand:hover {
|
||||||
|
background: color-mix(in srgb, var(--selectedMenuFaintLink) 5%, transparent) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-name {
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inner-nav {
|
.inner-nav {
|
||||||
|
|
@ -17,7 +31,7 @@
|
||||||
grid-template-columns: 2fr auto 2fr;
|
grid-template-columns: 2fr auto 2fr;
|
||||||
grid-template-areas: "nav-left logo actions";
|
grid-template-areas: "nav-left logo actions";
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 1.2em;
|
padding:0 1.2em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
max-width: 1110px;
|
max-width: 1110px;
|
||||||
}
|
}
|
||||||
|
|
@ -59,6 +73,8 @@
|
||||||
transition: opacity;
|
transition: opacity;
|
||||||
transition-timing-function: ease-out;
|
transition-timing-function: ease-out;
|
||||||
transition-duration: 100ms;
|
transition-duration: 100ms;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
@media all and (min-width: 800px) {
|
@media all and (min-width: 800px) {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
|
|
@ -79,15 +95,26 @@
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: var(--navbar-height);
|
height: 45px;
|
||||||
|
border-radius: var(--panelRadius);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-icon:hover {
|
||||||
|
background: color-mix(in srgb, var(--selectedMenuFaintLink) 10%, transparent) !important;
|
||||||
|
color: var(--btn) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-icon {
|
.nav-icon {
|
||||||
margin-left: 0.2em;
|
margin-left: 0.2em;
|
||||||
width: 2em;
|
width: 2em;
|
||||||
height: 100%;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
background: color-mix(in srgb, var(--selectedMenuFaintLink) 5%, transparent) !important;
|
||||||
|
border-radius: var(--btnRadius);
|
||||||
|
transition: all 300ms;
|
||||||
|
|
||||||
|
|
||||||
&.router-link-active {
|
&.router-link-active {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
|
@ -95,16 +122,13 @@
|
||||||
|
|
||||||
.svg-inline--fa {
|
.svg-inline--fa {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
color: $fallback--text;
|
|
||||||
color: var(--selectedMenuText, $fallback--text);
|
|
||||||
--lightText: var(--selectedMenuLightText, $fallback--lightText);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.svg-inline--fa {
|
// .svg-inline--fa {
|
||||||
color: $fallback--link;
|
// // color: $fallback--link;
|
||||||
color: var(--topBarLink, $fallback--link);
|
// // color: var(--topBarLink, $fallback--link);
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
.-wide {
|
.-wide {
|
||||||
|
|
@ -134,15 +158,22 @@
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: var(--navbar-height);
|
// line-height: var(--navbar-height);
|
||||||
height: var(--navbar-height);
|
// height: var(--navbar-height);
|
||||||
overflow: hidden;
|
// overflow: hidden;
|
||||||
display: flex;
|
// display: flex;
|
||||||
flex-wrap: wrap;
|
// flex-wrap: wrap;
|
||||||
|
|
||||||
&.right {
|
&.right {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.nav-left-wrapper {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -165,10 +165,10 @@
|
||||||
:title="$t('nav.moderation')"
|
:title="$t('nav.moderation')"
|
||||||
/>
|
/>
|
||||||
</button>
|
</button>
|
||||||
|
<button class="button-unstyled nav-icon">
|
||||||
<a
|
<a
|
||||||
v-if="currentUser && currentUser.role === 'admin'"
|
v-if="currentUser && currentUser.role === 'admin'"
|
||||||
href="/pleroma/admin/#/login-pleroma"
|
href="/pleroma/admin/#/login-pleroma"
|
||||||
class="nav-icon"
|
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@click.stop
|
@click.stop
|
||||||
>
|
>
|
||||||
|
|
@ -179,6 +179,7 @@
|
||||||
:title="$t('nav.administration')"
|
:title="$t('nav.administration')"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<teleport to="#modal">
|
<teleport to="#modal">
|
||||||
|
|
|
||||||
|
|
@ -126,18 +126,9 @@
|
||||||
border-color: var(--border, $fallback--border);
|
border-color: var(--border, $fallback--border);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
&:first-child .menu-item {
|
.menu-item {
|
||||||
border-top-right-radius: $fallback--panelRadius;
|
border-radius: $fallback--panelRadius;
|
||||||
border-top-right-radius: var(--panelRadius, $fallback--panelRadius);
|
border-radius: var(--panelRadius, $fallback--panelRadius);;
|
||||||
border-top-left-radius: $fallback--panelRadius;
|
|
||||||
border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child .menu-item {
|
|
||||||
border-bottom-right-radius: $fallback--panelRadius;
|
|
||||||
border-bottom-right-radius: var(--panelRadius, $fallback--panelRadius);
|
|
||||||
border-bottom-left-radius: $fallback--panelRadius;
|
|
||||||
border-bottom-left-radius: var(--panelRadius, $fallback--panelRadius);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -189,7 +180,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.timelines-background {
|
.timelines-background {
|
||||||
padding: 0 0 0 0.6em;
|
|
||||||
background-color: $fallback--lightBg;
|
background-color: $fallback--lightBg;
|
||||||
background-color: var(--selectedMenu, $fallback--lightBg);
|
background-color: var(--selectedMenu, $fallback--lightBg);
|
||||||
border-top: 1px solid;
|
border-top: 1px solid;
|
||||||
|
|
|
||||||
|
|
@ -52,13 +52,16 @@
|
||||||
<span class="notification-details">
|
<span class="notification-details">
|
||||||
<div class="name-and-action">
|
<div class="name-and-action">
|
||||||
<!-- eslint-disable vue/no-v-html -->
|
<!-- eslint-disable vue/no-v-html -->
|
||||||
|
|
||||||
<bdi v-if="!!notification.from_profile.name_html">
|
<bdi v-if="!!notification.from_profile.name_html">
|
||||||
|
<router-link :to="userProfileLink">
|
||||||
<RichContent
|
<RichContent
|
||||||
class="username"
|
class="username"
|
||||||
:title="'@'+notification.from_profile.screen_name_ui"
|
:title="'@'+notification.from_profile.screen_name_ui"
|
||||||
:html="notification.from_profile.name_html"
|
:html="notification.from_profile.name_html"
|
||||||
:emoji="notification.from_profile.emoji"
|
:emoji="notification.from_profile.emoji"
|
||||||
/>
|
/>
|
||||||
|
</router-link>
|
||||||
</bdi>
|
</bdi>
|
||||||
<!-- eslint-enable vue/no-v-html -->
|
<!-- eslint-enable vue/no-v-html -->
|
||||||
<span
|
<span
|
||||||
|
|
|
||||||
|
|
@ -41,6 +41,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
canvas {
|
canvas {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -48,21 +48,21 @@ const defaultState = {
|
||||||
modalOnApproveFollow: false,
|
modalOnApproveFollow: false,
|
||||||
modalOnDenyFollow: false,
|
modalOnDenyFollow: false,
|
||||||
loginMethod: 'password',
|
loginMethod: 'password',
|
||||||
logo: '/static/logo.svg',
|
logo: '/static/logo.png',
|
||||||
logoMargin: '.2em',
|
logoMargin: '.2em',
|
||||||
logoMask: true,
|
logoMask: true,
|
||||||
logoLeft: false,
|
logoLeft: false,
|
||||||
nsfwCensorImage: undefined,
|
nsfwCensorImage: undefined,
|
||||||
postContentType: 'text/plain',
|
postContentType: 'text/plain',
|
||||||
redirectRootLogin: '/main/friends',
|
redirectRootLogin: '/main/friends',
|
||||||
redirectRootNoLogin: '/main/all',
|
redirectRootNoLogin: '/about',
|
||||||
showFeaturesPanel: true,
|
showFeaturesPanel: true,
|
||||||
showInstanceSpecificPanel: false,
|
showInstanceSpecificPanel: false,
|
||||||
showNavShortcuts: true,
|
showNavShortcuts: true,
|
||||||
showWiderShortcuts: true,
|
showWiderShortcuts: true,
|
||||||
sidebarRight: false,
|
sidebarRight: false,
|
||||||
subjectLineBehavior: 'email',
|
subjectLineBehavior: 'email',
|
||||||
theme: 'pleroma-dark',
|
theme: 'paw-catppuccin',
|
||||||
virtualScrolling: true,
|
virtualScrolling: true,
|
||||||
sensitiveByDefault: false,
|
sensitiveByDefault: false,
|
||||||
sensitiveIfSubject: true,
|
sensitiveIfSubject: true,
|
||||||
|
|
@ -74,7 +74,7 @@ const defaultState = {
|
||||||
conversationTreeFadeAncestors: false,
|
conversationTreeFadeAncestors: false,
|
||||||
maxDepthInThread: 6,
|
maxDepthInThread: 6,
|
||||||
backendCommitUrl: 'https://akkoma.dev/AkkomaGang/akkoma/commit/',
|
backendCommitUrl: 'https://akkoma.dev/AkkomaGang/akkoma/commit/',
|
||||||
frontendCommitUrl: 'https://akkoma.dev/AkkomaGang/pleroma-fe/commit/',
|
frontendCommitUrl: 'https://git.yiffing.dev/Leafus/puppyoma-fe/commit/',
|
||||||
|
|
||||||
// Nasty stuff
|
// Nasty stuff
|
||||||
customEmoji: [],
|
customEmoji: [],
|
||||||
|
|
|
||||||
BIN
static/blurhash-overlay.png
Executable file → Normal file
BIN
static/blurhash-overlay.png
Executable file → Normal file
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 4.7 KiB |
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"alwaysShowSubjectInput": true,
|
"alwaysShowSubjectInput": true,
|
||||||
"background": "/static/monika.png",
|
"background": "/static/tropic_island_night.jpg.webp",
|
||||||
"collapseMessageWithSubject": false,
|
"collapseMessageWithSubject": false,
|
||||||
"greentext": false,
|
"greentext": false,
|
||||||
"hideFilteredStatuses": false,
|
"hideFilteredStatuses": false,
|
||||||
|
|
@ -9,11 +9,11 @@
|
||||||
"hideSitename": false,
|
"hideSitename": false,
|
||||||
"hideUserStats": false,
|
"hideUserStats": false,
|
||||||
"loginMethod": "password",
|
"loginMethod": "password",
|
||||||
"logo": "/static/logo.svg",
|
"logo": "/static/logo.png",
|
||||||
"logoMargin": ".1em",
|
"logoMargin": ".1em",
|
||||||
"logoMask": true,
|
"logoMask": false,
|
||||||
"logoLeft": false,
|
"logoLeft": false,
|
||||||
"nsfwCensorImage": "",
|
"nsfwCensorImage": "/static/blurhash-overlay.png",
|
||||||
"postContentType": "text/plain",
|
"postContentType": "text/plain",
|
||||||
"redirectRootLogin": "/main/friends",
|
"redirectRootLogin": "/main/friends",
|
||||||
"redirectRootNoLogin": "/about",
|
"redirectRootNoLogin": "/about",
|
||||||
|
|
@ -21,6 +21,6 @@
|
||||||
"showInstanceSpecificPanel": false,
|
"showInstanceSpecificPanel": false,
|
||||||
"sidebarRight": false,
|
"sidebarRight": false,
|
||||||
"subjectLineBehavior": "email",
|
"subjectLineBehavior": "email",
|
||||||
"theme": "ihatebeingalive",
|
"theme": "paw-catppuccin",
|
||||||
"webPushNotifications": false
|
"webPushNotifications": false
|
||||||
}
|
}
|
||||||
|
|
|
||||||
23
static/font/css/lexend.css
Normal file
23
static/font/css/lexend.css
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: "Lexend";
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
src: url(../font/Lexend-Regular.ttf) format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Lexend";
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
|
src: url(../font/Lexend-SemiBold.ttf) format("truetype");
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Lexend";
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
src: url(../font/Lexend-Bold.ttf) format("truetype");
|
||||||
|
}
|
||||||
BIN
static/font/font/Lexend-Bold.ttf
Normal file
BIN
static/font/font/Lexend-Bold.ttf
Normal file
Binary file not shown.
BIN
static/font/font/Lexend-Regular.ttf
Normal file
BIN
static/font/font/Lexend-Regular.ttf
Normal file
Binary file not shown.
BIN
static/font/font/Lexend-SemiBold.ttf
Normal file
BIN
static/font/font/Lexend-SemiBold.ttf
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 182 KiB |
BIN
static/logo.png
Normal file
BIN
static/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
680
static/logo.svg
680
static/logo.svg
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 388 KiB |
|
|
@ -1,4 +1,5 @@
|
||||||
{
|
{
|
||||||
|
"paw-catppuccin": "/static/themes/paw-catppuccin.json",
|
||||||
"pleroma-dark": "/static/themes/pleroma-dark.json",
|
"pleroma-dark": "/static/themes/pleroma-dark.json",
|
||||||
"pleroma-light": "/static/themes/pleroma-light.json",
|
"pleroma-light": "/static/themes/pleroma-light.json",
|
||||||
"pleroma-amoled": [ "Pleroma Dark AMOLED", "#000000", "#111111", "#b0b0b1", "#d8a070", "#aa0000", "#0fa00f", "#0095ff", "#d59500"],
|
"pleroma-amoled": [ "Pleroma Dark AMOLED", "#000000", "#111111", "#b0b0b1", "#d8a070", "#aa0000", "#0fa00f", "#0095ff", "#d59500"],
|
||||||
|
|
|
||||||
568
static/themes/paw-catppuccin.json
Normal file
568
static/themes/paw-catppuccin.json
Normal file
|
|
@ -0,0 +1,568 @@
|
||||||
|
{
|
||||||
|
"_pleroma_theme_version": 2,
|
||||||
|
"name": "Catppuccin (pawuwu.net)",
|
||||||
|
"theme": {
|
||||||
|
"themeEngineVersion": 3,
|
||||||
|
"shadows": {
|
||||||
|
"panel": [
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": "0",
|
||||||
|
"y": "0",
|
||||||
|
"blur": "3",
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": "0.5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": "0",
|
||||||
|
"y": "4",
|
||||||
|
"blur": "6",
|
||||||
|
"spread": "3",
|
||||||
|
"inset": false,
|
||||||
|
"alpha": "0.3"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"topBar": [
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": "1",
|
||||||
|
"blur": 4,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": "0.4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": "2",
|
||||||
|
"blur": "7",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"alpha": "0.3"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"popup": [
|
||||||
|
{
|
||||||
|
"x": 2,
|
||||||
|
"y": 2,
|
||||||
|
"blur": 3,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 0.5
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"avatar": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 8,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 0.7
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"avatarStatus": [],
|
||||||
|
"panelHeader": [
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": "1",
|
||||||
|
"blur": "3",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"alpha": "0.4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#ffffff",
|
||||||
|
"x": "0",
|
||||||
|
"y": "1",
|
||||||
|
"blur": "0",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"alpha": "0.2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"button": [
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": 2,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"buttonHover": [
|
||||||
|
{
|
||||||
|
"color": "#b9b9ba",
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": "1",
|
||||||
|
"spread": "2",
|
||||||
|
"alpha": "0.4",
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"buttonPressed": [
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": 4,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 1,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"color": "#000000",
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": "2",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"alpha": 1
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"input": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": 2,
|
||||||
|
"inset": false,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 1
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"colors": {
|
||||||
|
"underlay": "#000000",
|
||||||
|
"bg": "#1e1e2e",
|
||||||
|
"fg": "#181825",
|
||||||
|
"cRed": "#eba0ac",
|
||||||
|
"cGreen": "#a6e3a1",
|
||||||
|
"cOrange": "#fab387",
|
||||||
|
"cBlue": "#a6e3a1",
|
||||||
|
"accent": "#89b4fa",
|
||||||
|
"link": "#89b4fa",
|
||||||
|
"text": "#a6adc8",
|
||||||
|
"badgeNotification": "#fab387",
|
||||||
|
"badgeNotificationText": "#a6adc8",
|
||||||
|
"alertNeutral": "#a6adc8",
|
||||||
|
"alertNeutralText": "#ffffff",
|
||||||
|
"alertPopupNeutral": "#a6adc8",
|
||||||
|
"alertPopupNeutralText": "#000000",
|
||||||
|
"alertSuccess": "#a6e3a1",
|
||||||
|
"alertSuccessText": "#ffffff",
|
||||||
|
"alertPopupSuccess": "#a6e3a1",
|
||||||
|
"alertPopupSuccessText": "#000000",
|
||||||
|
"alertWarning": "#fab387",
|
||||||
|
"alertWarningText": "#ffffff",
|
||||||
|
"alertPopupWarning": "#fab387",
|
||||||
|
"alertPopupWarningText": "#000000",
|
||||||
|
"alertError": "#eba0ac",
|
||||||
|
"alertErrorText": "#e9ebf2",
|
||||||
|
"alertPopupError": "#eba0ac",
|
||||||
|
"alertPopupErrorText": "#0e1017",
|
||||||
|
"panel": "#181825",
|
||||||
|
"panelText": "#a6adc8",
|
||||||
|
"alertNeutralPanelText": "#ffffff",
|
||||||
|
"alertSuccessPanelText": "#ffffff",
|
||||||
|
"alertWarningPanelText": "#ffffff",
|
||||||
|
"alertErrorPanelText": "#ffffff",
|
||||||
|
"fgText": "#a6adc8",
|
||||||
|
"topBar": "#181825",
|
||||||
|
"topBarText": "#8891b6",
|
||||||
|
"input": "#181825",
|
||||||
|
"inputTopbarText": "#8891b6",
|
||||||
|
"inputPanelText": "#a6adc8",
|
||||||
|
"inputText": "#a6adc8",
|
||||||
|
"btn": "#181825",
|
||||||
|
"btnText": "#a6adc8",
|
||||||
|
"btnTopBarText": "#a6adc8",
|
||||||
|
"btnDisabled": "#1d1d2c",
|
||||||
|
"btnDisabledTopBarText": "#3f4153",
|
||||||
|
"btnPanelText": "#a6adc8",
|
||||||
|
"btnDisabledPanelText": "#3f4153",
|
||||||
|
"btnDisabledText": "#3f4153",
|
||||||
|
"btnToggled": "#1368f5",
|
||||||
|
"btnToggledTopBarText": "#ffffff",
|
||||||
|
"btnToggledPanelText": "#ffffff",
|
||||||
|
"btnToggledText": "#ffffff",
|
||||||
|
"btnPressed": "#181825",
|
||||||
|
"btnPressedTopBarText": "#a6adc8",
|
||||||
|
"btnPressedTopBar": "#181825",
|
||||||
|
"btnPressedPanelText": "#a6adc8",
|
||||||
|
"btnPressedPanel": "#181825",
|
||||||
|
"btnPressedText": "#a6adc8",
|
||||||
|
"tabActiveText": "#a6adc8",
|
||||||
|
"tabText": "#a6adc8",
|
||||||
|
"tab": "#181825",
|
||||||
|
"fgLink": "#89b4fa",
|
||||||
|
"topBarLink": "#8891b6",
|
||||||
|
"panelLink": "#89b4fa",
|
||||||
|
"panelFaint": "#a6adc8",
|
||||||
|
"icon": "#62667b",
|
||||||
|
"poll": "#495a80",
|
||||||
|
"pollText": "#ffffff",
|
||||||
|
"border": "#1f1f2f",
|
||||||
|
"postCyantext": "#a6e3a1",
|
||||||
|
"postGreentext": "#a6e3a1",
|
||||||
|
"postLink": "#89b4fa",
|
||||||
|
"lightText": "#e6e8ef",
|
||||||
|
"popover": "#1e1e2e",
|
||||||
|
"selectedMenuPopover": "#29293e",
|
||||||
|
"highlight": "#29293e",
|
||||||
|
"highlightText": "#a6adc8",
|
||||||
|
"selectedMenu": "#29293e",
|
||||||
|
"selectedMenuText": "#a6adc8",
|
||||||
|
"selectedMenuPopoverIcon": "#686b83",
|
||||||
|
"highlightLink": "#89b4fa",
|
||||||
|
"selectedMenuLink": "#89b4fa",
|
||||||
|
"selectedMenuPopoverLink": "#89b4fa",
|
||||||
|
"selectedMenuPopoverText": "#a6adc8",
|
||||||
|
"faintLink": "#89b4fa",
|
||||||
|
"highlightFaintLink": "#89b4fa",
|
||||||
|
"selectedMenuFaintLink": "#89b4fa",
|
||||||
|
"selectedMenuPopoverFaintLink": "#89b4fa",
|
||||||
|
"faint": "#a6adc8",
|
||||||
|
"highlightFaintText": "#a6adc8",
|
||||||
|
"selectedMenuFaintText": "#a6adc8",
|
||||||
|
"selectedMenuPopoverFaintText": "#a6adc8",
|
||||||
|
"highlightLightText": "#e6e8ef",
|
||||||
|
"selectedMenuLightText": "#e6e8ef",
|
||||||
|
"selectedMenuPopoverLightText": "#e6e8ef",
|
||||||
|
"selectedMenuIcon": "#686b83",
|
||||||
|
"selectedPost": "#29293e",
|
||||||
|
"selectedPostText": "#a6adc8",
|
||||||
|
"selectedPostIcon": "#686b83",
|
||||||
|
"selectedPostLink": "#89b4fa",
|
||||||
|
"selectedPostFaintLink": "#89b4fa",
|
||||||
|
"highlightPostLink": "#89b4fa",
|
||||||
|
"selectedPostPostLink": "#89b4fa",
|
||||||
|
"selectedPostLightText": "#e6e8ef",
|
||||||
|
"selectedPostFaintText": "#a6adc8",
|
||||||
|
"popoverText": "#a6adc8",
|
||||||
|
"popoverIcon": "#62667b",
|
||||||
|
"popoverLink": "#89b4fa",
|
||||||
|
"postFaintLink": "#89b4fa",
|
||||||
|
"popoverPostFaintLink": "#89b4fa",
|
||||||
|
"popoverFaintLink": "#89b4fa",
|
||||||
|
"popoverFaintText": "#a6adc8",
|
||||||
|
"popoverPostLink": "#89b4fa",
|
||||||
|
"popoverLightText": "#e6e8ef",
|
||||||
|
"highlightIcon": "#686b83",
|
||||||
|
"highlightPostFaintLink": "#89b4fa",
|
||||||
|
"profileTint": "#1e1e2e",
|
||||||
|
"profileBg": "#0f101b",
|
||||||
|
"wallpaper": "#1a1a28"
|
||||||
|
},
|
||||||
|
"opacity": {
|
||||||
|
"underlay": 0,
|
||||||
|
"bg": 1,
|
||||||
|
"alert": 0.5,
|
||||||
|
"alertPopup": 0.95,
|
||||||
|
"panel": 1,
|
||||||
|
"input": 0.5,
|
||||||
|
"btn": 1,
|
||||||
|
"faint": 0.5,
|
||||||
|
"border": 1,
|
||||||
|
"popover": 1,
|
||||||
|
"profileTint": 0.5
|
||||||
|
},
|
||||||
|
"radii": {
|
||||||
|
"btn": "10",
|
||||||
|
"input": "10",
|
||||||
|
"checkbox": 10,
|
||||||
|
"panel": "13",
|
||||||
|
"avatar": "50",
|
||||||
|
"avatarAlt": 50,
|
||||||
|
"tooltip": 10,
|
||||||
|
"attachment": "8"
|
||||||
|
},
|
||||||
|
"fonts": {
|
||||||
|
"interface": {
|
||||||
|
"family": "Lexend"
|
||||||
|
},
|
||||||
|
"input": {
|
||||||
|
"family": "Lexend"
|
||||||
|
},
|
||||||
|
"post": {
|
||||||
|
"family": "Lexend"
|
||||||
|
},
|
||||||
|
"postCode": {
|
||||||
|
"family": "monospace"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"source": {
|
||||||
|
"themeEngineVersion": 3,
|
||||||
|
"fonts": {
|
||||||
|
"interface": {
|
||||||
|
"family": "Lexend"
|
||||||
|
},
|
||||||
|
"post": {
|
||||||
|
"family": "Lexend"
|
||||||
|
},
|
||||||
|
"input": {
|
||||||
|
"family": "Lexend"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"shadows": {
|
||||||
|
"buttonHover": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": "1",
|
||||||
|
"spread": "2",
|
||||||
|
"color": "#b9b9ba",
|
||||||
|
"alpha": "0.4",
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"buttonPressed": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": 4,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 1,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": "2",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 1
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"panelHeader": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": "1",
|
||||||
|
"blur": "3",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": "0.4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": "0",
|
||||||
|
"y": "1",
|
||||||
|
"blur": "0",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"color": "#ffffff",
|
||||||
|
"alpha": "0.2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"panel": [
|
||||||
|
{
|
||||||
|
"x": "0",
|
||||||
|
"y": "0",
|
||||||
|
"blur": "3",
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": "0.5"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": "0",
|
||||||
|
"y": "4",
|
||||||
|
"blur": "6",
|
||||||
|
"spread": "3",
|
||||||
|
"inset": false,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": "0.3"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"button": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 0,
|
||||||
|
"blur": 2,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": 1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#FFFFFF",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": -1,
|
||||||
|
"blur": 0,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": 0.2,
|
||||||
|
"inset": false
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"topBar": [
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": "1",
|
||||||
|
"blur": 4,
|
||||||
|
"spread": 0,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": "0.4"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"x": 0,
|
||||||
|
"y": "2",
|
||||||
|
"blur": "7",
|
||||||
|
"spread": 0,
|
||||||
|
"inset": false,
|
||||||
|
"color": "#000000",
|
||||||
|
"alpha": "0.3"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"opacity": {
|
||||||
|
"underlay": "0"
|
||||||
|
},
|
||||||
|
"colors": {
|
||||||
|
"bg": "#1e1e2e",
|
||||||
|
"fg": "#181825",
|
||||||
|
"text": "#a6adc8",
|
||||||
|
"link": "#89b4fa",
|
||||||
|
"accent": "#89b4fa",
|
||||||
|
"cBlue": "#a6e3a1",
|
||||||
|
"cRed": "#eba0ac",
|
||||||
|
"cGreen": "#a6e3a1",
|
||||||
|
"cOrange": "#fab387",
|
||||||
|
"border": "--fg,3",
|
||||||
|
"topBarText": "--text,-9.75",
|
||||||
|
"topBarLink": "--topBarText",
|
||||||
|
"btnToggled": "--accent,-24.2",
|
||||||
|
"alertErrorText": "--text,21.2",
|
||||||
|
"badgeNotification": "#fab387",
|
||||||
|
"badgeNotificationText": "#a6adc8"
|
||||||
|
},
|
||||||
|
"radii": {
|
||||||
|
"btn": "10",
|
||||||
|
"input": "10",
|
||||||
|
"panel": "13",
|
||||||
|
"avatar": "50",
|
||||||
|
"attachment": "8"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
static/tropic_island_night.jpg.webp
Normal file
BIN
static/tropic_island_night.jpg.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
Loading…
Reference in a new issue