javier/Stirling-PDF
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjusted how styles work. Made signature canvas bigger.

Browse Source
This commit is contained in:
Saud Fatayerji
2023-05-08 04:23:45 +03:00
parent 1d55ee7f93
commit d58933ea8d
7 changed files with 98 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/main/resources/static/css/dark-mode.css
View File

@@ -1,25 +1,27 @@
/* Dark Mode Styles */
body {
background-color: #333 !important;
color: #fff !important;
--body-background-color: 51, 51, 51;
--base-font-color: 255, 255, 255;
background-color: rgb(var(--body-background-color)) !important;
color: rgb(var(--base-font-color)) !important;
}
.dark-card {
background-color: #333 !important;
color: white !important;
background-color: rgb(var(--body-background-color)) !important;
color: rgb(var(--base-font-color)) !important;
}
.jumbotron {
background-color: #222; /* or any other dark color */
color: #fff !important; /* or any other light color */
color: rgb(var(--base-font-color)) !important; /* or any other light color */
}
.list-group {
background-color: #222 !important;
color: fff !important;
color: rgb(var(--base-font-color)) !important;
}
.list-group-item {
background-color: #222 !important;
color: fff !important;
color: rgb(var(--base-font-color)) !important;
}
#support-section {
background-color: #444 !important;
@@ -30,5 +32,5 @@ body {
--background-color: rgba(255, 255, 255, 0.046) !important;
--scroll-bar-color: #4c4c4c !important;
--scroll-bar-thumb: #d3d3d3 !important;
--scroll-bar-thumb-hover: #ffffff !important;
--scroll-bar-thumb-hover: rgb(var(--base-font-color)) !important;
}

5
src/main/resources/static/css/light-mode.css Normal file
View File

@@ -0,0 +1,5 @@
/* Dark Mode Styles */
body {
--body-background-color: 255, 255, 255;
--base-font-color: 33, 37, 41;
}

13
src/main/resources/static/css/tab-container.css
View File

@@ -8,24 +8,19 @@
}
.tab-container.active {
display: block;
border: 1px solid #dee2e6;
border: 1px solid rgba(var(--base-font-color), 0.25);
padding: 15px;
}
/*
.tab-buttons {
border-bottom: 1px solid #dee2e6;
}
*/
.tab-buttons > button {
margin-bottom: -1px;
background: 0 0;
border: 1px solid transparent;
color: rgb(var(--base-font-color));
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.tab-buttons > button.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
background-color: rgb(var(--body-background-color));
border-color: rgba(var(--base-font-color), 0.25) rgba(var(--base-font-color), 0.25) rgb(var(--body-background-color));
}