pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix colors

Browse Source
This commit is contained in:
Wim Brand
2020-03-10 18:04:30 +01:00
parent d8df6b5863
commit 2c81b6dda9
6 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
res/include/script/homepage.js
View File

@@ -28,14 +28,14 @@ UploadProgressBar.prototype.onProgress = function(progress){
this.uploadDiv.innerText = "Uploading... " + Math.round(progress*1000)/10 + "%\n" + this.name this.uploadDiv.innerText = "Uploading... " + Math.round(progress*1000)/10 + "%\n" + this.name
this.uploadDiv.style.background = 'linear-gradient(' this.uploadDiv.style.background = 'linear-gradient('
+'to right, ' +'to right, '
+'var(--input_color_dark) 0%, ' +'var(--layer_3_color) 0%, '
+'var(--highlight_color) '+ ((progress*100)) +'%, ' +'var(--highlight_color) '+ ((progress*100)) +'%, '
+'var(--input_color_dark) '+ ((progress*100)+1) +'%)' +'var(--layer_3_color) '+ ((progress*100)+1) +'%)'
} }
UploadProgressBar.prototype.onFinished = function(id){ UploadProgressBar.prototype.onFinished = function(id){
console.log("Upload finished: "+this.file.name+" "+id) console.log("Upload finished: "+this.file.name+" "+id)
this.uploadDiv.style.background = 'var(--input_color_dark)' this.uploadDiv.style.background = 'var(--layer_3_color)'
this.uploadDiv.href = '/u/'+id this.uploadDiv.href = '/u/'+id
this.uploadDiv.target= "_blank" this.uploadDiv.target= "_blank"
@@ -44,7 +44,7 @@ UploadProgressBar.prototype.onFinished = function(id){
fileImg.alt = this.file.name fileImg.alt = this.file.name
let linkSpan = document.createElement("span") let linkSpan = document.createElement("span")
linkSpan.style.color = "var(--highlight_color)" linkSpan.classList = "file_button_title"
linkSpan.innerText = domainURL()+"/u/"+id linkSpan.innerText = domainURL()+"/u/"+id
this.uploadDiv.innerHTML = "" // Remove uploading progress this.uploadDiv.innerHTML = "" // Remove uploading progress

4
res/include/style/layout.css
View File

@@ -338,7 +338,7 @@ pre{
overflow: hidden; overflow: hidden;
border-radius: 2px; border-radius: 2px;
box-shadow: 2px 2px 8px -3px var(--shadow_color); box-shadow: 2px 2px 8px -3px var(--shadow_color);
background-color: var(--input_color_dark); background-color: var(--layer_3_color);
color: #bfbfbf; /* Fallback */ color: #bfbfbf; /* Fallback */
color: var(--text_color); color: var(--text_color);
word-break: break-all; word-break: break-all;
@@ -355,8 +355,6 @@ pre{
.file_button_selected { .file_button_selected {
box-shadow: 0px 0px 3px 3px var(--highlight_color); box-shadow: 0px 0px 3px 3px var(--highlight_color);
text-decoration: none; text-decoration: none;
color: #bfbfbf; /* Fallback */
color: var(--text_color);
} }
.file_button > img{ .file_button > img{
max-height: 100%; max-height: 100%;

2
res/template/account/user_files.html
View File

@@ -38,7 +38,7 @@
{{range $files.Files}}<!-- {{range $files.Files}}<!--
--><a class="file_button" href="/u/{{.ID}}" target="_blank"> --><a class="file_button" href="/u/{{.ID}}" target="_blank">
<img src="{{$.APIEndpoint}}/file/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Name}}" /> <img src="{{$.APIEndpoint}}/file/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Name}}" />
<span style="color: var(--highlight_color);">{{.Name}}</span> <span class="file_button_title">{{.Name}}</span>
<br/> <br/>
{{.DateUpload.Format "2006-01-02 15:04:05"}} {{.DateUpload.Format "2006-01-02 15:04:05"}}
</a><!-- </a><!--

4
res/template/account/user_home.html
View File

@@ -25,7 +25,7 @@
{{range $files.Files}}<!-- {{range $files.Files}}<!--
--><a class="file_button" href="/u/{{.ID}}" target="_blank"> --><a class="file_button" href="/u/{{.ID}}" target="_blank">
<img src="{{$.APIEndpoint}}/file/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Name}}" /> <img src="{{$.APIEndpoint}}/file/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Name}}" />
<span style="color: var(--highlight_color);">{{.Name}}</span> <span class="file_button_title">{{.Name}}</span>
<br/> <br/>
{{.DateUpload.Format "2006-01-02 15:04:05"}} {{.DateUpload.Format "2006-01-02 15:04:05"}}
</a><!-- </a><!--
@@ -39,7 +39,7 @@
{{range $lists.Lists}}<!-- {{range $lists.Lists}}<!--
--><a class="file_button" href="/l/{{.ID}}" target="_blank"> --><a class="file_button" href="/l/{{.ID}}" target="_blank">
<img src="{{$.APIEndpoint}}/list/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Title}}" /> <img src="{{$.APIEndpoint}}/list/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Title}}" />
<span style="color: var(--highlight_color);">{{.Title}}</span> <span class="file_button_title">{{.Title}}</span>
({{.FileCount}} Files) ({{.FileCount}} Files)
<br/> <br/>
{{.DateCreated.Format "2006-01-02 15:04:05"}} {{.DateCreated.Format "2006-01-02 15:04:05"}}

2
res/template/account/user_lists.html
View File

@@ -31,7 +31,7 @@
{{range $lists.Lists}}<!-- {{range $lists.Lists}}<!--
--><a class="file_button" href="/l/{{.ID}}" target="_blank"> --><a class="file_button" href="/l/{{.ID}}" target="_blank">
<img src="{{$.APIEndpoint}}/list/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Title}}" /> <img src="{{$.APIEndpoint}}/list/{{.ID}}/thumbnail?width=80&height=80" alt="{{.Title}}" />
<span style="color: var(--highlight_color);">{{.Title}}</span> <span class="file_button_title">{{.Title}}</span>
({{.FileCount}} Files) ({{.FileCount}} Files)
<br/> <br/>
{{.DateCreated.Format "2006-01-02 15:04:05"}} {{.DateCreated.Format "2006-01-02 15:04:05"}}

6
webcontroller/user_style.go
View File

@@ -211,7 +211,7 @@ var defaultPixeldrainStyle = pixeldrainStyleSheet{
Layer1Shadow: 3, Layer1Shadow: 3,
Layer2Color: hsl{0, 0, .11}, Layer2Color: hsl{0, 0, .11},
Layer2Shadow: 5, Layer2Shadow: 5,
Layer3Color: hsl{0, 0, .14}, Layer3Color: hsl{0, 0, .15},
Layer3Shadow: 7, Layer3Shadow: 7,
ShadowColor: hsl{0, 0, 0}, ShadowColor: hsl{0, 0, 0},
@@ -295,7 +295,7 @@ var hackerStyle = pixeldrainStyleSheet{
Layer1Shadow: 3, Layer1Shadow: 3,
Layer2Color: hsl{0, 0, .03}, Layer2Color: hsl{0, 0, .03},
Layer2Shadow: 5, Layer2Shadow: 5,
Layer3Color: hsl{120, .3, .15}, Layer3Color: hsl{120, .3, .08},
Layer3Shadow: 7, Layer3Shadow: 7,
ShadowColor: hsl{0, 0, 0}, ShadowColor: hsl{0, 0, 0},
@@ -345,7 +345,7 @@ var arcPixeldrainStyle = pixeldrainStyleSheet{
var deepseaPixeldrainStyle = pixeldrainStyleSheet{ var deepseaPixeldrainStyle = pixeldrainStyleSheet{
TextColor: hsl{0, 0, .7}, TextColor: hsl{0, 0, .7},
InputColor: hsl{41, .58, .47}, // hsl(0, 0%, 11%) InputColor: hsl{41, .58, .47},
InputTextColor: hsl{0, 0, 0}, InputTextColor: hsl{0, 0, 0},
HighlightColor: hsl{5, .77, .55}, HighlightColor: hsl{5, .77, .55},
HighlightTextColor: hsl{0, 0, 0}, HighlightTextColor: hsl{0, 0, 0},