Skip to content

Commit

Permalink
Add dark mode graphics
Browse files Browse the repository at this point in the history
  • Loading branch information
@SimonRothUCF
SimonRothUCF committed Sep 17, 2024
1 parent 6acfbf0 commit 19542e1
Show file tree
Hide file tree
Showing 22 changed files with 1,757 additions and 1,072 deletions.
3 changes: 2 additions & 1 deletion fuel/app/classes/trait/commoncontrollertemplate.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,8 @@ public function after($response)

$this->inject_common_js_constants();

if ($this->is_using_darkmode()) {
if ($this->is_using_darkmode())
{
$this->theme->get_template()->set('darkmode', true);
}

Expand Down
14 changes: 7 additions & 7 deletions fuel/app/classes/trait/darkmode.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,12 @@ trait Trait_DarkMode
{
protected function is_using_darkmode()
{
if (\Service_User::verify_session() == true) {
$meta = \Model_User::find_current()->profile_fields;
$darkmode = !empty($meta['darkMode']) && $meta['darkMode'];
return $darkmode;
}
else return false;
if (\Service_User::verify_session() == true)
{
$meta = \Model_User::find_current()->profile_fields;
$darkmode = ! empty($meta['darkMode']) && $meta['darkMode'];
return $darkmode;
}
else return false;
}

}
Binary file modified public/img/404_beachandocean_dark.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/banner_dark.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2,029 changes: 1,035 additions & 994 deletions public/img/kogneato_metal_detecting.ai
View file

Large diffs are not rendered by default.

Binary file added public/img/magnifyingglass_dark.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/user_page_background_dark.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
42 changes: 42 additions & 0 deletions src/components/500.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,48 @@
}
}

#support-info-500 {
width: 50%;
max-width: 600px;
margin: 0 auto;

text-align: center;
}
}

.container.general {
width: 100vw;
max-width: 1000px;
min-width: 600px;
height: 100%;

margin: 40px auto 0 auto;
padding-bottom: 40px;
background-color: #21232a;

.page {
position: relative;
width: 80%;
margin: 0 auto;

h1 {
position: relative;
left: 50%;
width: 400px;
margin: 50px 0 50px -200px;
padding-bottom: 30px;

font-size: 100px;
text-align: center;
color: #61a4e2;

}

p {
font-weight: 400;
}
}

#support-info-500 {
width: 50%;
max-width: 600px;
Expand Down
4 changes: 2 additions & 2 deletions src/components/catalog.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -727,7 +727,7 @@

&:hover {
//background: #bfe5ff;
background: #405064;
background: #1b304b;
}

&.selected {
Expand Down Expand Up @@ -849,7 +849,7 @@
}

&:focus {
background-color: #e2f3ff;
background-color: #295b99;
}

.header {
Expand Down
11 changes: 6 additions & 5 deletions src/components/detail.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -481,7 +481,7 @@ $color-green: #c5dd60;
font-size: 14px;
font-weight: 300;
font-style: italic;
color: #5a5a5a;
color: #d8d8d8;

&.show {
display: block;
Expand All @@ -497,6 +497,7 @@ $color-green: #c5dd60;
position: relative;
height: 20px;
top: 4px;
fill: #fff;
}
}

Expand Down Expand Up @@ -1238,7 +1239,7 @@ a {
min-height: 500px;

.top {
background: #21232a;
background: #1d1f25;
border-radius: 4px 4px 0 0;
color: #fff;
padding: 15px 15px;
Expand Down Expand Up @@ -1393,7 +1394,7 @@ a {
flex-grow: 0;
flex-shrink: 0;
padding: 5px;
background: #333;
background: #4c4e58;
box-sizing: border-box;
border-radius: 3px;
position: relative;
Expand Down Expand Up @@ -1480,10 +1481,10 @@ a {
button {
transition: 300ms;
font-weight: 700;
box-shadow: 1px 2px 4px #888;
box-shadow: 1px 2px 4px #08090c;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
font-size: 22px;
border: 3px solid #525252;
border: 3px solid #181920;
padding: 10px 20px 10px 50px;
position: relative;
cursor: pointer;
Expand Down
4 changes: 2 additions & 2 deletions src/components/guide-page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@

.darkMode .page {
margin: 0 5%;
background: #21232a;
background: #fff;
padding: 10px;
border-radius: 10px;
box-shadow: 1px 3px 10px #08090c;
color: #fff;
color: #5e5e5e;

font-family: 'Lato', arial, sans-serif;
}
Expand Down
2 changes: 1 addition & 1 deletion src/components/homepage.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@
padding: 30px 0px 100px;
overflow: hidden;

background: linear-gradient(to right, rgba(33, 35, 42, 0), rgba(33, 35, 42, 1) 55%), url(/img/banner_final.png) no-repeat;
background: linear-gradient(to right, rgba(33, 35, 42, 0), rgba(33, 35, 42, 1) 55%), url(/img/banner_dark.png) no-repeat;
background-size: contain;

text-align: right;
Expand Down
2 changes: 2 additions & 0 deletions src/components/include.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ $color-border-dark: #181920;
$color-box-shadow-dark: #08090c;
$color-text-light-gray: #d8d8d8;
$color-features-dark: #295b99;
$color-blue-hover-dark: #1b304b;
$color-link-dark: #61a4e2;


Expand Down Expand Up @@ -1381,6 +1382,7 @@ footer {

.darkMode
.popup h2,
.darkMode
.detail h2 {
//color: #0a0a0a;
color: #fff;
Expand Down
116 changes: 116 additions & 0 deletions src/components/media.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,122 @@ body.import {
}
}

.darkMode .media-importer {
display: flex;
flex-flow: row nowrap;
width: 800px;

> section {
position: relative;
height: calc(100vh - 35px);
width: 45%;
padding: 0 2.5% 35px 2.5%;

&:first-child {
&:before {
color: #dadada;
content: 'or';
position: absolute;
top: 4vh;
left: 50vw;
transform: translateX(-50%);
}

&:after {
content: '';
border-left: thin solid #dadada;
height: 85vh;
position: absolute;
top: 10vh;
right: 50vw;
}
}

&:last-child {
display: flex;
width: 47%;
flex-flow: column;
padding: 0 0.5% 0 2.5%;
}

.loading-icon-holder {
z-index: 100;
position: absolute;
top: calc(50vh - 100px);
left: 50%;
display: flex;
flex-direction: column-reverse;
width: 180px;
height: 200px;
margin-left: -90px;

background: rgba(33,35,45,0.95);
border-radius: 10px;

.progress {
display: block;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
}
}
}

.pane-header {
text-align: center;
margin-top: 10px;

&.darker {
font-size: 16px;
color: #484848;
font-weight: 700;
margin: 10px auto 10px;
}

.close-button {
background: transparent;
position: absolute;
right: 10px;
top: 5px;

&:after {
content: 'X';
font-size: 15px;
color: #fff;
cursor: pointer;
}
}
}

input[type='file'] {
display: none;
}

.select_file_button {
margin: 5px 0px;
font-weight: 400;
}

.pane-footer {
position: absolute;
width: 100%;
bottom: 0px;

span.content {
display: inline-block;
padding: 6px 2.5%;
background: rgba(255,255,255,0.95);

font-size: 14px;

&.error-state {
font-weight: bold;
color: #730000;
}
}
}
}

#drag-wrapper {
position: relative;
height: 333px;
Expand Down
Loading

0 comments on commit 19542e1

Please sign in to comment.