Apply white BG and black color
All checks were successful
Flask Run Test / Flask-Run-Test (push) Successful in 9s
All checks were successful
Flask Run Test / Flask-Run-Test (push) Successful in 9s
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
:root {
|
||||
--black: #000000;
|
||||
--almost-black: #080708;
|
||||
--almostBlack: #888888;
|
||||
--blue: #3772FF;
|
||||
--blue-light: #3787ff;
|
||||
--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-size: 22px;
|
||||
line-height: 1.5;
|
||||
color: var(--white);
|
||||
background: var(--black);
|
||||
background-image: linear-gradient(to bottom right, var(--almost-black), var(--black));
|
||||
color: var(--black);
|
||||
background: var(--white);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
@@ -37,14 +36,16 @@ body,html {
|
||||
align-items: flex-start;
|
||||
width: 80%;
|
||||
border: 1px solid rgb(40, 40, 40);
|
||||
border-radius: 8px;
|
||||
padding-bottom: 40px;
|
||||
padding: 50px;
|
||||
color: var(--black) !important;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
padding: 15px 0 0 15px;
|
||||
width: 100%;
|
||||
color: var(--light);
|
||||
color: var(--black);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -167,7 +168,7 @@ button[type='button']:hover,
|
||||
.dashboard-container {
|
||||
padding: 15px 15px 15px 15px;
|
||||
width: 100%;
|
||||
color: var(--light);
|
||||
color: var(--black);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
/* Table Styling */
|
||||
@@ -279,6 +280,7 @@ select.fancy-select::-ms-expand {
|
||||
.quota-block {
|
||||
margin: 8px 0 18px;
|
||||
flex: 0 0 auto;
|
||||
color: var(--almostBlack) !important;
|
||||
}
|
||||
.quota-donut {
|
||||
position: relative;
|
||||
@@ -293,7 +295,8 @@ select.fancy-select::-ms-expand {
|
||||
height: 100%;
|
||||
}
|
||||
.donut-ring {
|
||||
stroke: rgba(255,255,255,0.06);
|
||||
stroke: rgba(9, 9, 9, 0.1);
|
||||
/* fill: black; */
|
||||
stroke-linecap: round;
|
||||
vector-effect: non-scaling-stroke;
|
||||
shape-rendering: geometricPrecision;
|
||||
@@ -315,7 +318,7 @@ select.fancy-select::-ms-expand {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
pointer-events: none;
|
||||
color: var(--white);
|
||||
color: var(--almostBlack);
|
||||
}
|
||||
.quota-percent {
|
||||
font-size: 18px;
|
||||
@@ -325,7 +328,7 @@ select.fancy-select::-ms-expand {
|
||||
.quota-number {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
color: var(--light);
|
||||
color: var(--almostBlack);
|
||||
}
|
||||
.quota-label {
|
||||
font-size: 11px;
|
||||
|
||||
@@ -6,6 +6,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ADrive Share</title>
|
||||
<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') }}">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Reference in New Issue
Block a user