fybe_servers/adrive
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Change site to Light Mode for now #6

Merged
TheRealAndrew merged 9 commits from lightmode into main 2026-01-12 11:49:15 +09:00
Conversation 0 Commits 9 Files Changed 7 +13 -9
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 18a64279fd - Show all commits

21
static/styles.css
View File

@@ -1,6 +1,6 @@
:root { :root {
--black: #000000; --black: #000000;
--almost-black: #080708; --almostBlack: #888888;
--blue: #3772FF; --blue: #3772FF;
--blue-light: #3787ff; --blue-light: #3787ff;
--red: #DF2935; --red: #DF2935;
@@ -19,9 +19,8 @@ body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 22px; font-size: 22px;
line-height: 1.5; line-height: 1.5;
color: var(--white); color: var(--black);
background: var(--black); background: var(--white);
background-image: linear-gradient(to bottom right, var(--almost-black), var(--black));
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@@ -37,14 +36,16 @@ body,html {
align-items: flex-start; align-items: flex-start;
width: 80%; width: 80%;
border: 1px solid rgb(40, 40, 40); border: 1px solid rgb(40, 40, 40);
border-radius: 8px;
padding-bottom: 40px; padding-bottom: 40px;
padding: 50px; padding: 50px;
color: var(--black) !important;
} }
.form-section { .form-section {
padding: 15px 0 0 15px; padding: 15px 0 0 15px;
width: 100%; width: 100%;
color: var(--light); color: var(--black);
flex-shrink: 0; flex-shrink: 0;
} }
@@ -167,7 +168,7 @@ button[type='button']:hover,
.dashboard-container { .dashboard-container {
padding: 15px 15px 15px 15px; padding: 15px 15px 15px 15px;
width: 100%; width: 100%;
color: var(--light); color: var(--black);
flex-shrink: 0; flex-shrink: 0;
} }
/* Table Styling */ /* Table Styling */
@@ -279,6 +280,7 @@ select.fancy-select::-ms-expand {
.quota-block { .quota-block {
margin: 8px 0 18px; margin: 8px 0 18px;
flex: 0 0 auto; flex: 0 0 auto;
color: var(--almostBlack) !important;
} }
.quota-donut { .quota-donut {
position: relative; position: relative;
@@ -293,7 +295,8 @@ select.fancy-select::-ms-expand {
height: 100%; height: 100%;
} }
.donut-ring { .donut-ring {
stroke: rgba(255,255,255,0.06); stroke: rgba(9, 9, 9, 0.1);
/* fill: black; */
stroke-linecap: round; stroke-linecap: round;
vector-effect: non-scaling-stroke; vector-effect: non-scaling-stroke;
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@@ -315,7 +318,7 @@ select.fancy-select::-ms-expand {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
pointer-events: none; pointer-events: none;
color: var(--white); color: var(--almostBlack);
} }
.quota-percent { .quota-percent {
font-size: 18px; font-size: 18px;
@@ -325,7 +328,7 @@ select.fancy-select::-ms-expand {
.quota-number { .quota-number {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
color: var(--light); color: var(--almostBlack);
} }
.quota-label { .quota-label {
font-size: 11px; font-size: 11px;

1
templates/dashboard.html
View File

@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ADrive Share</title> <title>ADrive Share</title>
<script src="https://kit.fontawesome.com/972393379b.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/972393379b.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head> </head>
<body> <body>