mirror of
https://github.com/YunoHost-Apps/pixelfed_ynh.git
synced 2024-09-03 20:06:04 +02:00
Add Dark Mode to Metro UI 2.0
This commit is contained in:
Daniel Supernault
parent
9a7289198a
commit
cb540373ec
4 changed files with 486 additions and 200 deletions
|
|
@ -1878,11 +1878,11 @@ export default {
|
||||||
}
|
}
|
||||||
a.list-group-item:hover {
|
a.list-group-item:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #f8f9fa !important;
|
background-color: #f8f9fa;
|
||||||
}
|
}
|
||||||
.compose-action:hover {
|
.compose-action:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background-color: #f8f9fa !important;
|
background-color: #f8f9fa;
|
||||||
}
|
}
|
||||||
.collections-list-group {
|
.collections-list-group {
|
||||||
max-height: 500px;
|
max-height: 500px;
|
||||||
|
|
|
||||||
|
|
@ -21,8 +21,8 @@
|
||||||
:hash="status.media_attachments[0].blurhash"
|
:hash="status.media_attachments[0].blurhash"
|
||||||
:alt="altText(status)"/>
|
:alt="altText(status)"/>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="w-100 h-100 p-0">
|
<div v-else class="w-100 h-100 p-0 album-wrapper">
|
||||||
<carousel ref="carousel" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0">
|
<carousel ref="carousel" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0" :id="'carousel-' + status.id">
|
||||||
<slide v-for="(img, index) in status.media_attachments" :key="'px-carousel-'+img.id + '-' + index" class="" style="background: #000; display: flex;align-items: center;" :title="img.description">
|
<slide v-for="(img, index) in status.media_attachments" :key="'px-carousel-'+img.id + '-' + index" class="" style="background: #000; display: flex;align-items: center;" :title="img.description">
|
||||||
|
|
||||||
<img
|
<img
|
||||||
|
|
@ -31,71 +31,67 @@
|
||||||
:src="img.url"
|
:src="img.url"
|
||||||
:alt="altText(img)"
|
:alt="altText(img)"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
:data-bp="img.url"
|
||||||
onerror="this.onerror=null;this.src='/storage/no-preview.png'">
|
onerror="this.onerror=null;this.src='/storage/no-preview.png'">
|
||||||
|
|
||||||
<p v-if="!status.sensitive && sensitive"
|
|
||||||
@click="status.sensitive = true"
|
|
||||||
style="
|
|
||||||
margin-top: 0;
|
|
||||||
padding: 10px;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 10px;
|
|
||||||
text-align: right;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
border-top-left-radius: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
|
|
||||||
">
|
|
||||||
<i class="fas fa-eye-slash fa-lg"></i>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p
|
|
||||||
v-if="status.media_attachments[0].license"
|
|
||||||
style="
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding: 0 5px;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 10px;
|
|
||||||
text-align: right;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
border-top-left-radius: 5px;
|
|
||||||
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
|
|
||||||
">
|
|
||||||
<a :href="status.url" class="font-weight-bold text-light">Photo</a> by <a :href="status.account.url" class="font-weight-bold text-light">@{{status.account.username}}</a> licensed under <a :href="status.media_attachments[0].license.url" class="font-weight-bold text-light">{{status.media_attachments[0].license.title}}</a>
|
|
||||||
</p>
|
|
||||||
</slide>
|
</slide>
|
||||||
</carousel>
|
</carousel>
|
||||||
|
<div class="album-overlay">
|
||||||
|
<p v-if="!status.sensitive && sensitive"
|
||||||
|
@click="status.sensitive = true"
|
||||||
|
style="
|
||||||
|
margin-top: 0;
|
||||||
|
padding: 10px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: right;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
|
||||||
|
">
|
||||||
|
<i class="fas fa-eye-slash fa-lg"></i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p @click.prevent="toggleLightbox"
|
||||||
|
style="
|
||||||
|
margin-top: 0;
|
||||||
|
padding: 10px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: right;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
border-bottom-right-radius: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
|
||||||
|
">
|
||||||
|
<i class="fas fa-expand fa-lg"></i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p
|
||||||
|
v-if="status.media_attachments[0].license"
|
||||||
|
style="
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0 5px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 10px;
|
||||||
|
text-align: right;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
border-top-left-radius: 5px;
|
||||||
|
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
|
||||||
|
">
|
||||||
|
<a :href="status.url" class="font-weight-bold text-light">Photo</a> by <a :href="status.account.url" class="font-weight-bold text-light">@{{status.account.username}}</a> licensed under <a :href="status.media_attachments[0].license.url" class="font-weight-bold text-light">{{status.media_attachments[0].license.title}}</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style type="text/css" scoped>
|
|
||||||
.card-img-top {
|
|
||||||
border-top-left-radius: 0 !important;
|
|
||||||
border-top-right-radius: 0 !important;
|
|
||||||
}
|
|
||||||
.content-label-wrapper {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.content-label {
|
|
||||||
margin: 0;
|
|
||||||
position: absolute;
|
|
||||||
top:50%;
|
|
||||||
left:50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 2;
|
|
||||||
background: rgba(0, 0, 0, 0.2)
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
import BigPicture from 'bigpicture';
|
import BigPicture from 'bigpicture';
|
||||||
|
|
@ -125,7 +121,9 @@
|
||||||
|
|
||||||
toggleLightbox(e) {
|
toggleLightbox(e) {
|
||||||
BigPicture({
|
BigPicture({
|
||||||
el: e.target
|
el: e.target,
|
||||||
|
gallery: '#carousel-' + this.status.id,
|
||||||
|
position: this.$refs.carousel.currentPage
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -161,3 +159,31 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style type="text/css" scoped>
|
||||||
|
.card-img-top {
|
||||||
|
border-top-left-radius: 0 !important;
|
||||||
|
border-top-right-radius: 0 !important;
|
||||||
|
}
|
||||||
|
.content-label-wrapper {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.content-label {
|
||||||
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top:50%;
|
||||||
|
left:50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
background: rgba(0, 0, 0, 0.2)
|
||||||
|
}
|
||||||
|
.album-wrapper {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,150 +1,170 @@
|
||||||
{
|
{
|
||||||
"common": {
|
"common": {
|
||||||
"comment": "Comment",
|
"comment": "\u041a\u043e\u043c\u0435\u043d\u0442\u0443\u0432\u0430\u0442\u0438",
|
||||||
"commented": "Commented",
|
"commented": "\u041f\u0440\u043e\u043a\u043e\u043c\u0435\u043d\u0442\u043e\u0432\u0430\u043d\u043e",
|
||||||
"comments": "Comments",
|
"comments": "\u041a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u0456",
|
||||||
"like": "Like",
|
"like": "\u0412\u043f\u043e\u0434\u043e\u0431\u0430\u0442\u0438",
|
||||||
"liked": "Liked",
|
"liked": "\u0412\u043f\u043e\u0434\u043e\u0431\u0430\u043d\u043e",
|
||||||
"likes": "Likes",
|
"likes": "\u0412\u043f\u043e\u0434\u043e\u0431\u0430\u043d\u043d\u044f",
|
||||||
"share": "Share",
|
"share": "\u041f\u043e\u0448\u0438\u0440\u0438\u0442\u0438",
|
||||||
"shared": "Shared",
|
"shared": "\u041f\u043e\u0448\u0438\u0440\u0435\u043d\u043e",
|
||||||
"shares": "Shares",
|
"shares": "\u041f\u043e\u0448\u0438\u0440\u0435\u043d\u043d\u044f",
|
||||||
"unshare": "Unshare",
|
"unshare": "\u041d\u0435 \u043f\u043e\u0448\u0438\u0440\u044e\u0432\u0430\u0442\u0438",
|
||||||
"cancel": "Cancel",
|
"bookmark": "\u0417\u0430\u043a\u043b\u0430\u0434\u043a\u0430",
|
||||||
"copyLink": "Copy Link",
|
"cancel": "\u0421\u043a\u0430\u0441\u0443\u0432\u0430\u0442\u0438",
|
||||||
"delete": "Delete",
|
"copyLink": "\u041a\u043e\u043f\u0456\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f",
|
||||||
"error": "Error",
|
"delete": "\u0412\u0438\u0434\u0430\u043b\u0438\u0442\u0438",
|
||||||
"errorMsg": "Something went wrong. Please try again later.",
|
"error": "\u041f\u043e\u043c\u0438\u043b\u043a\u0430",
|
||||||
"oops": "Oops!",
|
"errorMsg": "\u0429\u043e\u0441\u044c \u043f\u0456\u0448\u043b\u043e \u043d\u0435 \u0442\u0430\u043a. \u041f\u043e\u0432\u0442\u043e\u0440\u0456\u0442\u044c \u0441\u043f\u0440\u043e\u0431\u0443 \u0437\u0433\u043e\u0434\u043e\u043c",
|
||||||
"other": "Other",
|
"oops": "\u0419\u043e\u0439!",
|
||||||
"readMore": "Read more",
|
"other": "\u0406\u043d\u0448\u0435",
|
||||||
"success": "Success",
|
"readMore": "\u0414\u043e\u043a\u043b\u0430\u0434\u043d\u0456\u0448\u0435",
|
||||||
"sensitive": "Sensitive",
|
"success": "\u0423\u0441\u043f\u0456\u0445",
|
||||||
"sensitiveContent": "Sensitive Content",
|
"proceed": "\u041f\u0440\u043e\u0434\u043e\u0432\u0436\u0438\u0442\u0438",
|
||||||
"sensitiveContentWarning": "This post may contain sensitive content"
|
"next": "\u0414\u0430\u043b\u0456",
|
||||||
|
"close": "\u0417\u0430\u043a\u0440\u0438\u0442\u0438",
|
||||||
|
"clickHere": "\u043d\u0430\u0442\u0438\u0441\u043d\u0456\u0442\u044c \u0442\u0443\u0442",
|
||||||
|
"sensitive": "\u0427\u0443\u0442\u043b\u0438\u0432\u0435",
|
||||||
|
"sensitiveContent": "\u0427\u0443\u0442\u043b\u0438\u0432\u0438\u0439 \u0432\u043c\u0456\u0441\u0442",
|
||||||
|
"sensitiveContentWarning": "\u0426\u0435\u0439 \u0434\u043e\u043f\u0438\u0441 \u043c\u043e\u0436\u0435 \u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0447\u0443\u0442\u043b\u0438\u0432\u0438\u0439 \u0432\u043c\u0456\u0441\u0442"
|
||||||
},
|
},
|
||||||
"site": {
|
"site": {
|
||||||
"terms": "Terms of Use",
|
"terms": "\u0423\u043c\u043e\u0432\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f",
|
||||||
"privacy": "Privacy Policy"
|
"privacy": "\u041f\u043e\u043b\u0456\u0442\u0438\u043a\u0430 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u043e\u0441\u0442\u0456"
|
||||||
},
|
},
|
||||||
"navmenu": {
|
"navmenu": {
|
||||||
"search": "Search",
|
"search": "\u041f\u043e\u0448\u0443\u043a",
|
||||||
"admin": "Admin Dashboard",
|
"admin": "\u0410\u0434\u043c\u0456\u043d\u043f\u0430\u043d\u0435\u043b\u044c",
|
||||||
"homeFeed": "Home Feed",
|
"homeFeed": "\u0414\u043e\u043c\u0430\u0448\u043d\u044f \u0441\u0442\u0440\u0456\u0447\u043a\u0430",
|
||||||
"localFeed": "Local Feed",
|
"localFeed": "\u041c\u0456\u0441\u0446\u0435\u0432\u0430 \u0441\u0442\u0440\u0456\u0447\u043a\u0430",
|
||||||
"globalFeed": "Global Feed",
|
"globalFeed": "\u0421\u0432\u0456\u0442\u043e\u0432\u0430 \u0441\u0442\u0440\u0456\u0447\u043a\u0430",
|
||||||
"discover": "Discover",
|
"discover": "\u0426\u0456\u043a\u0430\u0432\u0435",
|
||||||
"directMessages": "Direct Messages",
|
"directMessages": "\u041f\u0440\u044f\u043c\u0456 \u043b\u0438\u0441\u0442\u0438",
|
||||||
"notifications": "Notifications",
|
"notifications": "\u0421\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u043d\u044f",
|
||||||
"groups": "Groups",
|
"groups": "\u0413\u0440\u0443\u043f\u0438",
|
||||||
"stories": "Stories",
|
"stories": "\u0421\u0442\u043e\u0440\u0456",
|
||||||
"profile": "Profile",
|
"profile": "\u041f\u0440\u043e\u0444\u0456\u043b\u044c",
|
||||||
"drive": "Drive",
|
"drive": "\u0421\u0445\u043e\u0432\u0438\u0449\u0435",
|
||||||
"settings": "Settings",
|
"settings": "\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438",
|
||||||
"compose": "Create New",
|
"compose": "\u0421\u0442\u0432\u043e\u0440\u0438\u0442\u0438",
|
||||||
"logout": "Logout",
|
"logout": "\u0412\u0438\u0439\u0442\u0438",
|
||||||
"about": "About",
|
"about": "\u041f\u0440\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043e\u043a",
|
||||||
"help": "Help",
|
"help": "\u0414\u043e\u0432\u0456\u0434\u043a\u0430",
|
||||||
"language": "Language",
|
"language": "\u041c\u043e\u0432\u0430",
|
||||||
"privacy": "Privacy",
|
"privacy": "\u041f\u0440\u0438\u0432\u0430\u0442\u043d\u0456\u0441\u0442\u044c",
|
||||||
"terms": "Terms",
|
"terms": "\u0423\u043c\u043e\u0432\u0438",
|
||||||
"backToPreviousDesign": "Go back to previous design"
|
"backToPreviousDesign": "\u041f\u043e\u0432\u0435\u0440\u043d\u0443\u0442\u0438 \u043c\u0438\u043d\u0443\u043b\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d"
|
||||||
},
|
},
|
||||||
"directMessages": {
|
"directMessages": {
|
||||||
"inbox": "Inbox",
|
"inbox": "\u0412\u0445\u0456\u0434\u043d\u0456",
|
||||||
"sent": "Sent",
|
"sent": "\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u0456",
|
||||||
"requests": "Requests"
|
"requests": "\u0417\u0430\u043f\u0438\u0442\u0438"
|
||||||
},
|
},
|
||||||
"notifications": {
|
"notifications": {
|
||||||
"liked": "liked your",
|
"liked": "\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0443\u043f\u043e\u0434\u043e\u0431\u0430\u043d\u043d\u044f \u043f\u0456\u0434 \u0432\u0430\u0448",
|
||||||
"commented": "commented on your",
|
"commented": "\u043a\u043e\u043c\u0435\u043d\u0442\u0443\u0454 \u0432\u0430\u0448",
|
||||||
"reacted": "reacted to your",
|
"reacted": "\u0440\u0435\u0430\u0433\u0443\u0454 \u043d\u0430 \u0432\u0430\u0448",
|
||||||
"shared": "shared your",
|
"shared": "\u043f\u043e\u0448\u0438\u0440\u044e\u0454 \u0432\u0430\u0448",
|
||||||
"tagged": "tagged you in a",
|
"tagged": "\u043f\u043e\u0437\u043d\u0430\u0447\u0430\u0454 \u0432\u0430\u0441 \u0447\u0435\u0440\u0435\u0437",
|
||||||
"updatedA": "updated a",
|
"updatedA": "\u043e\u043d\u043e\u0432\u043b\u044e\u0454",
|
||||||
"sentA": "sent a",
|
"sentA": "\u043d\u0430\u0434\u0441\u0438\u043b\u0430\u0454",
|
||||||
"followed": "followed",
|
"followed": "\u0432\u0456\u0434\u0441\u0442\u0435\u0436\u0443\u0454",
|
||||||
"mentioned": "mentioned",
|
"mentioned": "\u0437\u0433\u0430\u0434\u0443\u0454",
|
||||||
"you": "you",
|
"you": "\u0432\u0430\u0441",
|
||||||
"yourApplication": "Your application to join",
|
"yourApplication": "\u0412\u0430\u0448\u0443 \u0440\u0435\u0454\u0441\u0442\u0440\u0430\u0446\u0456\u0439\u043d\u0443 \u0437\u0430\u044f\u0432\u043a\u0443",
|
||||||
"applicationApproved": "was approved!",
|
"applicationApproved": "\u043f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043e!",
|
||||||
"applicationRejected": "was rejected. You can re-apply to join in 6 months.",
|
"applicationRejected": "\u0432\u0456\u0434\u0445\u0438\u043b\u0435\u043d\u043e. \u041c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u0438 \u0441\u043f\u0440\u043e\u0431\u0443 \u0447\u0435\u0440\u0435\u0437 6 \u043c\u0456\u0441\u044f\u0446\u0456\u0432.",
|
||||||
"dm": "dm",
|
"dm": "\u043b\u0438\u0441\u0442",
|
||||||
"groupPost": "group post",
|
"groupPost": "\u0434\u043e\u043f\u0438\u0441 \u0443 \u0433\u0440\u0443\u043f\u0456",
|
||||||
"modlog": "modlog",
|
"modlog": "\u043c\u043e\u0434\u0436\u0443\u0440\u043d\u0430\u043b",
|
||||||
"post": "post",
|
"post": "\u0434\u043e\u043f\u0438\u0441",
|
||||||
"story": "story"
|
"story": "\u0441\u0442\u043e\u0440\u0456",
|
||||||
|
"noneFound": "\u0421\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u044c \u043d\u0435 \u0437\u043d\u0430\u0439\u0434\u0435\u043d\u043e"
|
||||||
},
|
},
|
||||||
"post": {
|
"post": {
|
||||||
"shareToFollowers": "Share to followers",
|
"shareToFollowers": "\u041f\u043e\u0448\u0438\u0440\u0438\u0442\u0438 \u0430\u0432\u0434\u0438\u0442\u043e\u0440\u0456\u0457",
|
||||||
"shareToOther": "Share to other",
|
"shareToOther": "\u041f\u043e\u0448\u0438\u0440\u0438\u0442\u0438 \u0456\u043d\u0448\u0438\u043c",
|
||||||
"noLikes": "No likes yet",
|
"noLikes": "\u0412\u043f\u043e\u0434\u043e\u0431\u0430\u043d\u044c \u043f\u043e\u043a\u0438 \u043d\u0435\u043c\u0430",
|
||||||
"uploading": "Uploading"
|
"uploading": "\u0412\u0438\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f"
|
||||||
},
|
},
|
||||||
"profile": {
|
"profile": {
|
||||||
"posts": "Posts",
|
"posts": "\u0414\u043e\u043f\u0438\u0441\u0438",
|
||||||
"followers": "Followers",
|
"followers": "\u0410\u0432\u0434\u0438\u0442\u043e\u0440\u0456\u044f",
|
||||||
"following": "Following",
|
"following": "\u041f\u0456\u0434\u043f\u0438\u0441\u043a\u0438",
|
||||||
"admin": "Admin",
|
"admin": "\u0410\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0446\u0456\u044f",
|
||||||
"collections": "Collections",
|
"collections": "\u0417\u0431\u0456\u0440\u043a\u0438",
|
||||||
"follow": "Follow",
|
"follow": "\u0421\u0442\u0435\u0436\u0438\u0442\u0438",
|
||||||
"unfollow": "Unfollow",
|
"unfollow": "\u041d\u0435 \u0441\u0442\u0435\u0436\u0438\u0442\u0438",
|
||||||
"editProfile": "Edit Profile",
|
"editProfile": "\u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044c",
|
||||||
"followRequested": "Follow Requested",
|
"followRequested": "\u0417\u0430\u043f\u0438\u0442 \u043d\u0430 \u0441\u0442\u0435\u0436\u0435\u043d\u043d\u044f",
|
||||||
"joined": "Joined",
|
"joined": "\u0414\u043e\u043b\u0443\u0447\u0430\u0454\u0442\u044c\u0441\u044f",
|
||||||
"emptyCollections": "We can't seem to find any collections",
|
"emptyCollections": "\u0417\u0431\u0456\u0440\u043e\u043a \u0443 \u0432\u0430\u0441 \u043f\u043e\u043a\u0438 \u043d\u0435\u043c\u0430",
|
||||||
"emptyPosts": "We can't seem to find any posts"
|
"emptyPosts": "\u0414\u043e\u043f\u0438\u0441\u0456\u0432 \u0443 \u0432\u0430\u0441 \u043f\u043e\u043a\u0438 \u043d\u0435\u043c\u0430"
|
||||||
},
|
},
|
||||||
"menu": {
|
"menu": {
|
||||||
"viewPost": "View Post",
|
"viewPost": "\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0434\u043e\u043f\u0438\u0441",
|
||||||
"viewProfile": "View Profile",
|
"viewProfile": "\u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u043f\u0440\u043e\u0444\u0456\u043b\u044c",
|
||||||
"moderationTools": "Moderation Tools",
|
"moderationTools": "\u0417\u0430\u0441\u043e\u0431\u0438 \u043c\u043e\u0434\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f",
|
||||||
"report": "Report",
|
"report": "\u0421\u043a\u0430\u0440\u0433\u0430",
|
||||||
"archive": "Archive",
|
"archive": "\u0410\u0440\u0445\u0456\u0432\u0443\u0432\u0430\u0442\u0438",
|
||||||
"unarchive": "Unarchive",
|
"unarchive": "\u0420\u043e\u0437\u0430\u0440\u0445\u0456\u0432\u0443\u0432\u0430\u0442\u0438",
|
||||||
"embed": "Embed",
|
"embed": "\u0415\u043a\u0441\u043f\u043e\u0440\u0442",
|
||||||
"selectOneOption": "Select one of the following options",
|
"selectOneOption": "\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043e\u0434\u0438\u043d \u0456\u0437 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0445 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0456\u0432",
|
||||||
"unlistFromTimelines": "Unlist from Timelines",
|
"unlistFromTimelines": "\u0421\u0445\u043e\u0432\u0430\u0442\u0438 \u0437\u0456 \u0441\u0442\u0440\u0456\u0447\u043e\u043a",
|
||||||
"addCW": "Add Content Warning",
|
"addCW": "\u0417\u0430\u0441\u0442\u0435\u0440\u0435\u0433\u0442\u0438 \u043f\u0440\u043e \u0432\u043c\u0456\u0441\u0442",
|
||||||
"removeCW": "Remove Content Warning",
|
"removeCW": "\u0412\u0438\u043b\u0443\u0447\u0438\u0442\u0438 \u0437\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f",
|
||||||
"markAsSpammer": "Mark as Spammer",
|
"markAsSpammer": "\u041f\u043e\u0437\u043d\u0430\u0447\u0438\u0442\u0438 \u044f\u043a \u0441\u043f\u0430\u043c",
|
||||||
"markAsSpammerText": "Unlist + CW existing and future posts",
|
"markAsSpammerText": "\u0421\u0445\u043e\u0432\u0430\u0442\u0438 \u0446\u0435\u0439 \u0456 \u043c\u0430\u0439\u0431\u0443\u0442\u043d\u0456 \u0434\u043e\u043f\u0438\u0441\u0438, \u0434\u043e\u0434\u0430\u044e\u0447\u0438 \u0437\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f",
|
||||||
"spam": "Spam",
|
"spam": "\u0421\u043f\u0430\u043c",
|
||||||
"sensitive": "Sensitive Content",
|
"sensitive": "\u0427\u0443\u0442\u043b\u0438\u0432\u0438\u0439 \u0432\u043c\u0456\u0441\u0442",
|
||||||
"abusive": "Abusive or Harmful",
|
"abusive": "\u041e\u0431\u0440\u0430\u0436\u0430\u0454 \u0447\u0438 \u0448\u043a\u043e\u0434\u0438\u0442\u044c",
|
||||||
"underageAccount": "Underage Account",
|
"underageAccount": "\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043d\u0456\u0439 \u0432\u0456\u043a",
|
||||||
"copyrightInfringement": "Copyright Infringement",
|
"copyrightInfringement": "\u041f\u043e\u0440\u0443\u0448\u0443\u0454 \u0430\u0432\u0442\u043e\u0440\u0441\u044c\u043a\u0456 \u043f\u0440\u0430\u0432\u0430",
|
||||||
"impersonation": "Impersonation",
|
"impersonation": "\u0412\u0434\u0430\u0454 \u043a\u043e\u0433\u043e\u0441\u044c",
|
||||||
"scamOrFraud": "Scam or Fraud",
|
"scamOrFraud": "\u0428\u0430\u0445\u0440\u0430\u0439\u0441\u0442\u0432\u043e",
|
||||||
"confirmReport": "Confirm Report",
|
"confirmReport": "\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438 \u0441\u043a\u0430\u0440\u0433\u0443",
|
||||||
"confirmReportText": "Are you sure you want to report this post?",
|
"confirmReportText": "\u0422\u043e\u0447\u043d\u043e \u043f\u043e\u0441\u043a\u0430\u0440\u0436\u0438\u0442\u0438\u0441\u044c \u043d\u0430 \u0434\u043e\u043f\u0438\u0441?",
|
||||||
"reportSent": "Report Sent!",
|
"reportSent": "\u0421\u043a\u0430\u0440\u0433\u0443 \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u043e!",
|
||||||
"reportSentText": "We have successfully received your report.",
|
"reportSentText": "\u041c\u0438 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u043e\u0442\u0440\u0438\u043c\u0430\u043b\u0438 \u0432\u0430\u0448\u0443 \u0441\u043a\u0430\u0440\u0433\u0443.",
|
||||||
"reportSentError": "There was an issue reporting this post.",
|
"reportSentError": "\u0412\u0438\u043d\u0438\u043a\u043b\u0430 \u043f\u043e\u043c\u0438\u043b\u043a\u0430 \u043f\u0440\u0438 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u0456 \u0441\u043a\u0430\u0440\u0433\u0438.",
|
||||||
"modAddCWConfirm": "Are you sure you want to add a content warning to this post?",
|
"modAddCWConfirm": "\u0422\u043e\u0447\u043d\u043e \u0434\u043e\u0434\u0430\u0442\u0438 \u0437\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u0432\u043c\u0456\u0441\u0442 \u0446\u044c\u043e\u043c\u0443 \u0434\u043e\u043f\u0438\u0441\u0443?",
|
||||||
"modCWSuccess": "Successfully added content warning",
|
"modCWSuccess": "\u0417\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u0432\u043c\u0456\u0441\u0442 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0434\u043e\u0434\u0430\u043d\u043e",
|
||||||
"modRemoveCWConfirm": "Are you sure you want to remove the content warning on this post?",
|
"modRemoveCWConfirm": "\u0422\u043e\u0447\u043d\u043e \u0432\u0438\u043b\u0443\u0447\u0438\u0442\u0438 \u0437\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u0432\u043c\u0456\u0441\u0442 \u0456\u0437 \u0446\u044c\u043e\u0433\u043e \u0434\u043e\u043f\u0438\u0441\u0443?",
|
||||||
"modRemoveCWSuccess": "Successfully removed content warning",
|
"modRemoveCWSuccess": "\u0417\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u0432\u043c\u0456\u0441\u0442 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0432\u0438\u043b\u0443\u0447\u0435\u043d\u043e",
|
||||||
"modUnlistConfirm": "Are you sure you want to unlist this post?",
|
"modUnlistConfirm": "\u0422\u043e\u0447\u043d\u043e \u0441\u0445\u043e\u0432\u0430\u0442\u0438 \u0446\u0435\u0439 \u0434\u043e\u043f\u0438\u0441?",
|
||||||
"modUnlistSuccess": "Successfully unlisted post",
|
"modUnlistSuccess": "\u0414\u043e\u043f\u0438\u0441 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0441\u0445\u043e\u0432\u0430\u043d\u043e",
|
||||||
"modMarkAsSpammerConfirm": "Are you sure you want to mark this user as a spammer? All existing and future posts will be unlisted on timelines and a content warning will be applied.",
|
"modMarkAsSpammerConfirm": "\u0422\u043e\u0447\u043d\u043e \u043f\u043e\u0437\u043d\u0430\u0447\u0438\u0442\u0438 \u0446\u0435\u0439 \u043e\u0431\u043b\u0456\u043a\u043e\u0432\u0438\u0439 \u0437\u0430\u043f\u0438\u0441 \u044f\u043a \u0441\u043f\u0430\u043c? \u0423\u0441\u0456 \u043d\u0430\u044f\u0432\u043d\u0456 \u0439 \u043c\u0430\u0439\u0431\u0443\u0442\u043d\u0456 \u0434\u043e\u043f\u0438\u0441\u0438 \u0431\u0443\u0434\u0435 \u0441\u0445\u043e\u0432\u0430\u043d\u043e \u0437\u0456 \u0441\u0442\u0440\u0456\u0447\u043e\u043a, \u0456 \u0457\u043c \u0431\u0443\u0434\u0435 \u0434\u043e\u0434\u0430\u043d\u043e \u0437\u0430\u0441\u0442\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f \u043f\u0440\u043e \u0432\u043c\u0456\u0441\u0442.",
|
||||||
"modMarkAsSpammerSuccess": "Successfully marked account as spammer",
|
"modMarkAsSpammerSuccess": "\u041e\u0431\u043b\u0456\u043a\u043e\u0432\u0438\u0439 \u0437\u0430\u043f\u0438\u0441 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u043f\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u044f\u043a \u0441\u043f\u0430\u043c",
|
||||||
"toFollowers": "to Followers",
|
"toFollowers": "\u0434\u043e \u0430\u0432\u0434\u0438\u0442\u043e\u0440\u0456\u0457",
|
||||||
"showCaption": "Show Caption",
|
"showCaption": "\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u043f\u0456\u0434\u043f\u0438\u0441",
|
||||||
"showLikes": "Show Likes",
|
"showLikes": "\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u0432\u043f\u043e\u0434\u043e\u0431\u0430\u043d\u043d\u044f",
|
||||||
"compactMode": "Compact Mode",
|
"compactMode": "\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u0438\u0439 \u0440\u0435\u0436\u0438\u043c",
|
||||||
"embedConfirmText": "By using this embed, you agree to our",
|
"embedConfirmText": "\u0415\u043a\u0441\u043f\u043e\u0440\u0442\u0443\u044e\u0447\u0438 \u043a\u0443\u0434\u0438\u0441\u044c \u0434\u043e\u043f\u0438\u0441, \u0432\u0438 \u043f\u043e\u0433\u043e\u0434\u0436\u0443\u0454\u0442\u0435 \u043d\u0430\u0448\u0456",
|
||||||
"deletePostConfirm": "Are you sure you want to delete this post?",
|
"deletePostConfirm": "\u0422\u043e\u0447\u043d\u043e \u0432\u0438\u0434\u0430\u043b\u0438\u0442\u0438 \u0434\u043e\u043f\u0438\u0441?",
|
||||||
"archivePostConfirm": "Are you sure you want to archive this post?",
|
"archivePostConfirm": "\u0422\u043e\u0447\u043d\u043e \u0430\u0440\u0445\u0456\u0432\u0443\u0432\u0430\u0442\u0438 \u0434\u043e\u043f\u0438\u0441?",
|
||||||
"unarchivePostConfirm": "Are you sure you want to unarchive this post?"
|
"unarchivePostConfirm": "\u0422\u043e\u0447\u043d\u043e \u0440\u043e\u0437\u0430\u0440\u0445\u0456\u0432\u0443\u0432\u0430\u0442\u0438 \u0434\u043e\u043f\u0438\u0441?"
|
||||||
},
|
},
|
||||||
"story": {
|
"story": {
|
||||||
"add": "Add Story"
|
"add": "\u0414\u043e\u0434\u0430\u0442\u0438 \u0441\u0442\u043e\u0440\u0456"
|
||||||
},
|
},
|
||||||
"timeline": {
|
"timeline": {
|
||||||
"peopleYouMayKnow": "People you may know"
|
"peopleYouMayKnow": "\u0419\u043c\u043e\u0432\u0456\u0440\u043d\u0456 \u0437\u043d\u0430\u0439\u043e\u043c\u0456",
|
||||||
|
"onboarding": {
|
||||||
|
"welcome": "\u0412\u0456\u0442\u0430\u0454\u043c\u043e",
|
||||||
|
"thisIsYourHomeFeed": "\u0426\u0435 \u0432\u0430\u0448\u0430 \u0434\u043e\u043c\u0430\u0448\u043d\u044f \u0441\u0442\u0440\u0456\u0447\u043a\u0430 \u2014 \u0442\u0443\u0442 \u0431\u0443\u0434\u0443\u0442\u044c \u0434\u043e\u043f\u0438\u0441\u0438 \u0432\u0456\u0434 \u043e\u0431\u043b\u0456\u043a\u043e\u0432\u0438\u0445 \u0437\u0430\u043f\u0438\u0441\u0456\u0432, \u0437\u0430 \u044f\u043a\u0438\u043c\u0438 \u0432\u0438 \u0441\u0442\u0435\u0436\u0438\u0442\u0435, \u0432 \u043f\u043e\u0440\u044f\u0434\u043a\u0443 \u0434\u043e\u0434\u0430\u043d\u043d\u044f.",
|
||||||
|
"letUsHelpYouFind": "\u041c\u043e\u0436\u0435\u043c\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0442\u0438 \u0432\u0430\u043c \u0437\u043d\u0430\u0439\u0442\u0438 \u0446\u0456\u043a\u0430\u0432\u0438\u0445 \u043b\u044e\u0434\u0435\u0439, \u0437\u0430 \u044f\u043a\u0438\u043c\u0438 \u0432\u0430\u0440\u0442\u043e \u0441\u0442\u0435\u0436\u0438\u0442\u0438",
|
||||||
|
"refreshFeed": "\u041e\u043d\u043e\u0432\u0438\u0442\u0438 \u043c\u043e\u044e \u0441\u0442\u0440\u0456\u0447\u043a\u0443"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
"hashtags": {
|
"hashtags": {
|
||||||
"emptyFeed": "We can't seem to find any posts for this hashtag"
|
"emptyFeed": "\u0414\u043e\u043f\u0438\u0441\u0456\u0432 \u0456\u0437 \u0446\u0438\u043c \u0445\u0435\u0448\u0442\u0435\u0433\u043e\u043c \u043f\u043e\u043a\u0438 \u043d\u0435\u043c\u0430"
|
||||||
|
},
|
||||||
|
"report": {
|
||||||
|
"report": "\u0421\u043a\u0430\u0440\u0433\u0430",
|
||||||
|
"selectReason": "\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043f\u0456\u0434\u0441\u0442\u0430\u0432\u0443",
|
||||||
|
"reported": "\u0421\u043a\u0430\u0440\u0433\u0443 \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u043e",
|
||||||
|
"sendingReport": "\u041d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0441\u043a\u0430\u0440\u0433\u0438",
|
||||||
|
"thanksMsg": "\u0414\u044f\u043a\u0443\u0454\u043c\u043e \u0437\u0430 \u0441\u043a\u0430\u0440\u0433\u0443: \u0432\u0438 \u0434\u043e\u043f\u043e\u043c\u0430\u0433\u0430\u0454\u0442\u0435 \u0432\u0431\u0435\u0437\u043f\u0435\u0447\u0438\u0442\u0438 \u043d\u0430\u0448\u0443 \u0441\u043f\u0456\u043b\u044c\u043d\u043e\u0442\u0443!",
|
||||||
|
"contactAdminMsg": "\u042f\u043a\u0449\u043e \u0431\u0430\u0436\u0430\u0454\u0442\u0435 \u0441\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0443\u0432\u0430\u0442\u0438 \u0437 \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0446\u0456\u0454\u044e \u043f\u0440\u043e \u0446\u0435\u0439 \u0434\u043e\u043f\u0438\u0441 \u0447\u0438 \u0441\u043a\u0430\u0440\u0433\u0443"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
262
resources/assets/sass/spa.scss
vendored
262
resources/assets/sass/spa.scss
vendored
|
|
@ -1,18 +1,123 @@
|
||||||
@import "lib/ibmplexsans";
|
@import "lib/ibmplexsans";
|
||||||
|
|
||||||
body {
|
:root {
|
||||||
background: rgba(243,244,246,1);
|
--light: #fff;
|
||||||
font-family: 'IBM Plex Sans', sans-serif;
|
--dark: #000;
|
||||||
|
--body-bg: rgba(243,244,246,1);
|
||||||
|
--body-color: #212529;
|
||||||
|
--nav-bg: #fff;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
|
||||||
|
--primary: #3B82F6;
|
||||||
|
--light-gray: #f8f9fa;
|
||||||
|
--text-lighter: #94a3b8;
|
||||||
|
|
||||||
|
--card-bg: #fff;
|
||||||
|
--light-hover-bg: #f9fafb;
|
||||||
|
--btn-light-border: #fff;
|
||||||
|
--input-border: #e2e8f0;
|
||||||
|
--comment-bg: #eff2f5;
|
||||||
|
--border-color: #dee2e6;
|
||||||
|
--card-header-accent: #f9fafb;
|
||||||
|
|
||||||
|
--dropdown-item-hover-bg: #e9ecef;
|
||||||
|
--dropdown-item-hover-color: #16181b;
|
||||||
|
--dropdown-item-color: #64748b;
|
||||||
|
--dropdown-item-active-color: #334155;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary {
|
@media (prefers-color-scheme: dark) {
|
||||||
color: #3B82F6;
|
:root {
|
||||||
|
--light: #000;
|
||||||
|
--dark: #fff;
|
||||||
|
--body-bg: #000;
|
||||||
|
--body-color: #818181;
|
||||||
|
--nav-bg: #000;
|
||||||
|
--bg-light: #212124;
|
||||||
|
|
||||||
|
--light-gray: #212124;
|
||||||
|
--text-lighter: #818181;
|
||||||
|
|
||||||
|
--card-bg: #161618;
|
||||||
|
--light-hover-bg: #212124;
|
||||||
|
--btn-light-border: #161618;
|
||||||
|
--input-border: #161618;
|
||||||
|
--comment-bg: #212124;
|
||||||
|
--border-color: #212124;
|
||||||
|
--card-header-accent: #212124;
|
||||||
|
|
||||||
|
--dropdown-item-hover-bg: #000;
|
||||||
|
--dropdown-item-hover-color: #818181;
|
||||||
|
--dropdown-item-color: #64748b;
|
||||||
|
--dropdown-item-active-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.force-light-mode {
|
||||||
|
--light: #fff;
|
||||||
|
--dark: #000;
|
||||||
|
--body-bg: rgba(243,244,246,1);
|
||||||
|
--body-color: #212529;
|
||||||
|
--nav-bg: #fff;
|
||||||
|
--bg-light: #f8f9fa;
|
||||||
|
|
||||||
|
--primary: #3B82F6;
|
||||||
|
--light-gray: #f8f9fa;
|
||||||
|
--text-lighter: #94a3b8;
|
||||||
|
|
||||||
|
--card-bg: #fff;
|
||||||
|
--light-hover-bg: #f9fafb;
|
||||||
|
--btn-light-border: #fff;
|
||||||
|
--input-border: #e2e8f0;
|
||||||
|
--comment-bg: #eff2f5;
|
||||||
|
--border-color: #dee2e6;
|
||||||
|
--card-header-accent: #f9fafb;
|
||||||
|
|
||||||
|
--dropdown-item-hover-bg: #e9ecef;
|
||||||
|
--dropdown-item-hover-color: #16181b;
|
||||||
|
--dropdown-item-color: #64748b;
|
||||||
|
--dropdown-item-active-color: #334155;
|
||||||
|
}
|
||||||
|
|
||||||
|
.force-dark-mode {
|
||||||
|
--light: #000;
|
||||||
|
--dark: #fff;
|
||||||
|
--body-bg: #000;
|
||||||
|
--body-color: #818181;
|
||||||
|
--nav-bg: #000;
|
||||||
|
--bg-light: #212124;
|
||||||
|
|
||||||
|
--light-gray: #212124;
|
||||||
|
--text-lighter: #818181;
|
||||||
|
|
||||||
|
--card-bg: #161618;
|
||||||
|
--light-hover-bg: #212124;
|
||||||
|
--btn-light-border: #161618;
|
||||||
|
--input-border: #161618;
|
||||||
|
--comment-bg: #212124;
|
||||||
|
--border-color: #212124;
|
||||||
|
--card-header-accent: #212124;
|
||||||
|
|
||||||
|
--dropdown-item-hover-bg: #000;
|
||||||
|
--dropdown-item-hover-color: #818181;
|
||||||
|
--dropdown-item-color: #64748b;
|
||||||
|
--dropdown-item-active-color: #b3b3b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: var(--body-bg);
|
||||||
|
font-family: 'IBM Plex Sans', sans-serif;
|
||||||
|
color: var(--body-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.web-wrapper {
|
.web-wrapper {
|
||||||
margin-bottom: 10rem;
|
margin-bottom: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container-fluid {
|
||||||
|
max-width: 1440px !important;
|
||||||
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron {
|
||||||
border-radius: 18px;
|
border-radius: 18px;
|
||||||
}
|
}
|
||||||
|
|
@ -27,23 +132,158 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-laravel {
|
||||||
|
background-color: var(--nav-bg);
|
||||||
|
}
|
||||||
|
|
||||||
.sticky-top {
|
.sticky-top {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-fluid {
|
.navbar-light .navbar-brand {
|
||||||
max-width: 1440px !important;
|
color: var(--dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary {
|
||||||
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-lighter {
|
.text-lighter {
|
||||||
color: #94a3b8 !important;
|
color: var(--text-lighter) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-dark {
|
||||||
|
color: var(--body-color) !important;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--dark) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
a.text-dark:hover {
|
||||||
|
color: var(--dark) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-primary {
|
.badge-primary {
|
||||||
background-color: #3B82F6;
|
background-color: var(--primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary.primary {
|
.btn-primary {
|
||||||
background-color: #3B82F6;
|
background-color: var(--primary);
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-outline-light {
|
||||||
|
border-color: var(--light-gray);
|
||||||
|
}
|
||||||
|
|
||||||
|
.border {
|
||||||
|
border: 1px solid var(--border-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-white,
|
||||||
|
.bg-light {
|
||||||
|
background-color: var(--bg-light) !important;
|
||||||
|
border-color: var(--bg-light) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-light {
|
||||||
|
background-color: var(--light-gray);
|
||||||
|
border-color: var(--btn-light-border);
|
||||||
|
color: var(--body-color);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--body-color);
|
||||||
|
background-color: var(--card-bg);
|
||||||
|
border-color: var(--btn-light-border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.autocomplete-input {
|
||||||
|
border: 1px solid var(--light-gray) !important;
|
||||||
|
color: var(--body-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autocomplete-result-list {
|
||||||
|
background: var(--light) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu,
|
||||||
|
span.twitter-typeahead .tt-menu,
|
||||||
|
.form-control {
|
||||||
|
border: 1px solid var(--border-color) !important;
|
||||||
|
color: var(--body-color);
|
||||||
|
background-color: var(--card-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tribute-container li,
|
||||||
|
.dropdown-item,
|
||||||
|
span.twitter-typeahead .tt-suggestion {
|
||||||
|
color: var(--body-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-item:hover,
|
||||||
|
span.twitter-typeahead .tt-suggestion:hover,
|
||||||
|
.dropdown-item:focus,
|
||||||
|
span.twitter-typeahead .tt-suggestion:focus {
|
||||||
|
color: var(--dropdown-item-hover-color);
|
||||||
|
background-color: var(--dropdown-item-hover-bg);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popover,
|
||||||
|
.modal-content,
|
||||||
|
.form-control:focus,
|
||||||
|
.tribute-container ul,
|
||||||
|
.list-group-item,
|
||||||
|
.card,
|
||||||
|
.card-header,
|
||||||
|
.card-footer,
|
||||||
|
.ph-item {
|
||||||
|
background-color: var(--card-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-light,
|
||||||
|
.breadcrumb,
|
||||||
|
.ph-avatar,
|
||||||
|
.ph-picture,
|
||||||
|
.ph-row div {
|
||||||
|
background-color: var(--light-gray);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header,
|
||||||
|
.border-top,
|
||||||
|
.border-bottom {
|
||||||
|
border-color: var(--border-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-header {
|
||||||
|
border-color: var(--border-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.compose-action:hover {
|
||||||
|
background-color: var(--light-gray) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-divider {
|
||||||
|
border-color: var(--dropdown-item-hover-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.metro-nav {
|
||||||
|
&.flex-column {
|
||||||
|
background-color: var(--card-bg);
|
||||||
|
|
||||||
|
.nav-item {
|
||||||
|
.nav-link:hover {
|
||||||
|
background-color: var(--light-hover-bg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.child-reply-form {
|
||||||
|
.form-control {
|
||||||
|
border-color: var(--input-border);
|
||||||
|
color: var(--body-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue