Skip to content

update colourscheme to match main site - change from slate to neutral #31

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
May 23, 2025
Merged

update colourscheme to match main site - change from slate to neutral #31

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion frontend/src/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,6 @@ export default {

<style>
html {
@apply bg-slate-900;
@apply bg-neutral-900;
}
</style>
2 changes: 1 addition & 1 deletion frontend/src/components/FilterCategory.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
Categories
</button>
<div class="origin-top-left absolute left-0 mt-2 z-10" :class="{hidden: !dropdownOpened}">
<div class="py-2 px-2 w-48 flex flex-col bg-slate-800 text-sm rounded-md shadow-lg">
<div class="py-2 px-2 w-48 flex flex-col bg-neutral-800 text-sm rounded-md shadow-lg">
<ul v-if="$route.name === 'Browse Torrents'" id="category-filters" class="">
<li v-for="category in categories"
@click="selectFilter(category.name)"
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/PageSize.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
Page Size
</button>
<div class="origin-top-left absolute left-0 mt-2 z-10" :class="{hidden: !dropdownOpened}">
<div class="py-2 px-2 w-48 flex flex-col bg-slate-800 text-sm rounded-md shadow-lg">
<div class="py-2 px-2 w-48 flex flex-col bg-neutral-800 text-sm rounded-md shadow-lg">
<ul v-if="$route.name === 'Browse Torrents'" id="category-filters" class="">
<li v-for="size in pageSizes"
@click="updateSize(size)"
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/components/SelectComponent.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div v-click-outside="() => (dropdownOpened = false)">
<button
type="button"
class="relative py-2 pr-10 pl-3 w-full text-left bg-slate-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
class="relative py-2 pr-10 pl-3 w-full text-left bg-neutral-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
@click="dropdownOpened = !dropdownOpened"
>
<span class="block truncate capitalize">{{ selected || 'Select a category...' }}</span>
Expand All @@ -18,7 +18,7 @@
>
<ul
v-if="dropdownOpened"
class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-slate-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-neutral-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
tabindex="-1" role="listbox"
>
<li class="relative py-2 pr-9 pl-3 text-slate-200 cursor-pointer select-none hover:text-sky-400 hover:bg-primary-600"
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/components/navigation/Profile.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@
</button>

<div class="origin-top-right absolute right-0 mt-2 z-10" :class="{hidden: !dropdownOpened}">
<div @click.prevent="() => (dropdownOpened = false)" class="py-2 px-2 w-48 flex flex-col bg-slate-800 text-sm rounded-md shadow-lg">
<router-link v-if="$store.getters.isAdministrator" to="/settings" replace class="py-1.5 text-center text-slate-100 border border-transparent rounded-md transition duration-200 hover:bg-slate-700 hover:border-slate-700">
<div @click.prevent="() => (dropdownOpened = false)" class="py-2 px-2 w-48 flex flex-col bg-neutral-800 text-sm rounded-md shadow-lg">
<router-link v-if="$store.getters.isAdministrator" to="/settings" replace class="py-1.5 text-center text-slate-100 border border-transparent rounded-md transition duration-200 hover:bg-neutral-700 hover:border-slate-700">
<span>Settings</span>
</router-link>
<hr class="my-2 border-slate-700" />
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/navigation/Sidebar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<!-- search bar -->
<div class="sticky top-0 py-4 -ml-0.5 pointer-events-none">
<div class="relative pointer-events-auto">
<div class="w-full flex items-center text-sm text-slate-400 bg-slate-800/50 rounded-md ring-1 ring-slate-900/10 py-1.5 pl-2 pr-3 transition duration-200 hover:ring-sky-400 focus:ring-sky-400">
<div class="w-full flex items-center text-sm text-slate-400 bg-neutral-800/50 rounded-md ring-1 ring-slate-900/10 py-1.5 pl-2 pr-3 transition duration-200 hover:ring-sky-400 focus:ring-sky-400">
<svg @click="submitSearch" width="22" height="22" fill="none" aria-hidden="true" class="mr-2 flex-none cursor-pointer">
<path d="m19 19-3.5-3.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<circle cx="11" cy="11" r="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></circle>
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/components/torrent-upload/CategorySelect.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<div v-click-outside="() => (dropdownOpened = false)">
<button
type="button"
class="relative py-2 pr-10 pl-3 w-full text-left bg-slate-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
class="relative py-2 pr-10 pl-3 w-full text-left bg-neutral-800/50 text-slate-400 rounded-md border border-slate-700 cursor-pointer focus:outline-none focus:ring-1 focus:border-sky-500 sm:text-sm"
@click="dropdownOpened = !dropdownOpened"
>
<span class="block truncate capitalize">{{ selectedCategory || 'Select a category...' }}</span>
Expand All @@ -19,7 +19,7 @@
>
<ul
v-if="dropdownOpened"
class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-slate-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
class="overflow-auto absolute z-10 py-1 mt-1 w-full max-h-60 text-base bg-neutral-800 rounded-md ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
tabindex="-1" role="listbox"
>
<li class="relative py-2 pr-9 pl-3 text-slate-200 cursor-pointer select-none hover:text-sky-400 hover:bg-primary-600"
Expand Down
6 changes: 3 additions & 3 deletions frontend/src/views/AuthenticationModal.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<div
class="flex fixed top-0 left-0 z-30 flex-col justify-center w-full min-h-screen bg-slate-900/90 backdrop-blur"
class="flex fixed top-0 left-0 z-30 flex-col justify-center w-full min-h-screen bg-neutral-900/90 backdrop-blur"
:class="{hidden: !authModalOpen}"
@click.self="close"
>
Expand All @@ -9,7 +9,7 @@
<h1 class="text-white text-3xl font-bold">{{ $store.state.settings.website.name }}</h1>
</div>
<div
class="px-6 py-6 text-slate-400 bg-slate-800 rounded-md shadow mx-auto max-w-md"
class="px-6 py-6 text-slate-400 bg-neutral-800 rounded-md shadow mx-auto max-w-md"
>
<transition
enter-active-class="transition ease-out duration-100 transform"
Expand Down Expand Up @@ -173,7 +173,7 @@ label {
}

.form-style {
@apply mt-1 w-full px-3 py-2 text-white bg-slate-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-slate-800
@apply mt-1 w-full px-3 py-2 text-white bg-neutral-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-neutral-800
focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500 transition duration-200;
}
</style>
18 changes: 9 additions & 9 deletions frontend/src/views/Torrent.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<h2 class="font-semibold text-xs lg:text-sm text-slate-400 uppercase">{{ torrent.info_hash }}</h2>

<div class="py-4 flex flex-col flex-col-reverse lg:flex-row">
<div class="px-1 py-1 w-full lg:w-2/3 flex flex-col lg:flex-row flex-row bg-slate-800/50 rounded-md">
<div class="px-1 py-1 w-full lg:w-2/3 flex flex-col lg:flex-row flex-row bg-neutral-800/50 rounded-md">
<div class="px-3 w-full lg:w-1/2 flex flex-col justify-start">
<div class="detail">Total size:<span class="value">{{ fileSize(torrent.file_size) }}</span></div>
<div class="detail">Upload Date:<span class="value">{{ new Date(torrent.upload_date * 1000).toLocaleString() }}</span></div>
Expand Down Expand Up @@ -63,7 +63,7 @@

<div>
<div v-if="isAdmin" class="py-3 border-b border-slate-200/5"></div>
<!-- <div class="px-3 py-2 text-2xl text-white bg-slate-800 rounded-md"></div>-->
<!-- <div class="px-3 py-2 text-2xl text-white bg-neutral-800 rounded-md"></div>-->
</div>
<div>
<!-- <div class="py-3 border-b border-slate-200/5"></div>-->
Expand All @@ -78,7 +78,7 @@
<div class="py-3 border-t border-slate-200/5"></div>
<textarea v-if="editingDescription" rows="8" v-model="newDescription" class="input"></textarea>
<h2 v-if="editingDescription" class="section">Markdown Preview</h2>
<MarkdownItVue v-if="editingDescription" :content="newDescription" class="px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-slate-800/50 rounded-md" />
<MarkdownItVue v-if="editingDescription" :content="newDescription" class="px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-neutral-800/50 rounded-md" />
<MarkdownItVue v-if="!editingDescription && torrent.description" :content="torrent.description" class="md-body max-w-none prose-sm prose-blue" />
<span v-if="!editingDescription && !torrent.description" class="text-slate-400 italic">Empty</span>
</div>
Expand Down Expand Up @@ -268,7 +268,7 @@ export default {

<style>
.status {
@apply px-2 py-1.5 w-1/2 flex flex-row bg-slate-800/50 text-slate-200 capitalize border border-transparent rounded-md text-sm uppercase;
@apply px-2 py-1.5 w-1/2 flex flex-row bg-neutral-800/50 text-slate-200 capitalize border border-transparent rounded-md text-sm uppercase;
}

.detail {
Expand All @@ -284,11 +284,11 @@ h2.section {
}

button.edit {
@apply px-4 py-1.5 rounded-md border border-slate-800 text-sm text-slate-400 flex items-center relative cursor-pointer transition duration-200 hover:text-slate-200 hover:border-slate-200 disabled:bg-slate-700 disabled:border-slate-700 disabled:text-slate-400;
@apply px-4 py-1.5 rounded-md border border-slate-800 text-sm text-slate-400 flex items-center relative cursor-pointer transition duration-200 hover:text-slate-200 hover:border-slate-200 disabled:bg-neutral-700 disabled:border-slate-700 disabled:text-slate-400;
}

textarea.input {
@apply py-2 px-4 bg-slate-800/50 appearance-none w-full text-slate-200 rounded-md leading-tight focus:outline-none;
@apply py-2 px-4 bg-neutral-800/50 appearance-none w-full text-slate-200 rounded-md leading-tight focus:outline-none;
}

.markdown-body {
Expand All @@ -304,18 +304,18 @@ textarea.input {
}

.markdown-body hr {
@apply bg-slate-200/50;
@apply bg-neutral-200/50;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
@apply border-slate-200/50;
}

.markdown-body .highlight pre, .markdown-body pre {
@apply bg-slate-800 text-slate-400 rounded-md;
@apply bg-neutral-800 text-slate-400 rounded-md;
}

.markdown-body table tr, .markdown-body table td, .markdown-body table th {
@apply bg-slate-800 border-slate-700;
@apply bg-neutral-800 border-slate-700;
}
</style>
10 changes: 5 additions & 5 deletions frontend/src/views/TorrentUpload.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@

<div v-if="form.description">
<label>Markdown Preview</label>
<MarkdownItVue :content="form.description" class="mt-1 px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-slate-800/50 rounded-md" />
<MarkdownItVue :content="form.description" class="mt-1 px-4 py-4 max-h-64 overflow-auto md-body max-w-none prose-sm prose-blue bg-neutral-800/50 rounded-md" />
</div>

<div>
Expand Down Expand Up @@ -128,7 +128,7 @@ label {
}

.input {
@apply py-2 px-4 w-full text-white bg-slate-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-slate-800
@apply py-2 px-4 w-full text-white bg-neutral-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-neutral-800
focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500 transition duration-200;
}

Expand All @@ -145,18 +145,18 @@ label {
}

.markdown-body hr {
@apply bg-slate-200/50;
@apply bg-neutral-200/50;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
@apply border-slate-200/50;
}

.markdown-body .highlight pre, .markdown-body pre {
@apply bg-slate-800 text-slate-400 rounded-md;
@apply bg-neutral-800 text-slate-400 rounded-md;
}

.markdown-body table tr, .markdown-body table td, .markdown-body table th {
@apply bg-slate-800 border-slate-700;
@apply bg-neutral-800 border-slate-700;
}
</style>
6 changes: 3 additions & 3 deletions frontend/src/views/settings/Settings.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
<label>Categories</label>
<ul class="py-2">
<li v-for="(category, index) in categoriesState" :key="index">
<div class="py-2 px-4 mt-2 bg-slate-800 rounded-md flex flex-row">
<div class="py-2 px-4 mt-2 bg-neutral-800 rounded-md flex flex-row">
<span class="text-white">{{ category.name }} ({{ category.num_torrents }})</span>
<svg xmlns="http://www.w3.org/2000/svg" @click="deleteCategory(category.name)" class="h-6 w-6 ml-auto px-1 rounded-lg bg-opacity-10 text-red-400 hover:text-red-500 text-center cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
Expand Down Expand Up @@ -295,11 +295,11 @@ button.changes {
}

.tab {
@apply inline-block py-2 px-4 text-sm font-medium text-center text-sky-500 bg-slate-800 rounded-t-md;
@apply inline-block py-2 px-4 text-sm font-medium text-center text-sky-500 bg-neutral-800 rounded-t-md;
}

input {
@apply py-2 px-4 w-full text-white bg-slate-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-slate-800
@apply py-2 px-4 w-full text-white bg-neutral-800 border border-slate-700 rounded-md text-sm shadow-sm cursor-pointer placeholder-slate-400 hover:border-sky-500 focus:bg-neutral-800
focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500 transition duration-200;
}
</style>