octoleo/syncthing
1
0
Fork 0
mirror of https://github.com/octoleo/syncthing.git synced 2025-01-02 22:50:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(gui): improve device ID readability in black and dark themes (fixes #9757) (#9758)

Browse Source
This commit is contained in:
André Colomb 2024-10-06 00:48:19 +02:00 committed by GitHub
parent 6d64daaba3
commit f18cf545b9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
gui/black/assets/css/theme.css
View File

@ -224,7 +224,6 @@ code.ng-binding{
} }
.well, .form-control[readonly="readonly"], .popover { /* read-only fields*/ .well, .form-control[readonly="readonly"], .popover { /* read-only fields*/
color: #666 !important;
border-color: #444 !important; border-color: #444 !important;
background-color: #111 !important; background-color: #111 !important;
} }

3
gui/dark/assets/css/theme.css
View File

@ -228,7 +228,6 @@ code.ng-binding{
} }
.well, .form-control[readonly="readonly"], .popover { /* read-only fields*/ .well, .form-control[readonly="readonly"], .popover { /* read-only fields*/
color: #666 !important;
border-color: #424242 !important; border-color: #424242 !important;
background-color: #3B3B3B !important; background-color: #3B3B3B !important;
} }
@ -289,4 +288,4 @@ code.ng-binding{
/* Remote Devices 'connection type'-icon color set to #aaa */ /* Remote Devices 'connection type'-icon color set to #aaa */
.reception { .reception {
filter: invert(77%) sepia(0%) saturate(724%) hue-rotate(146deg) brightness(91%) contrast(85%); filter: invert(77%) sepia(0%) saturate(724%) hue-rotate(146deg) brightness(91%) contrast(85%);
} }

2
gui/default/syncthing/device/idqrModalView.html
View File

@ -1,6 +1,6 @@
<modal id="idqr" status="info" icon="fas fa-qrcode" heading="{{'Device Identification' | translate}} - {{deviceName(currentDevice)}}" large="yes" closeable="yes"> <modal id="idqr" status="info" icon="fas fa-qrcode" heading="{{'Device Identification' | translate}} - {{deviceName(currentDevice)}}" large="yes" closeable="yes">
<div class="modal-body text-center"> <div class="modal-body text-center">
<div class="well well-sm text-monospace select-on-click">{{currentDevice.deviceID}}</div> <div class="well well-sm text-monospace select-on-click"><strong>{{currentDevice.deviceID}}</strong></div>
<div ng-if="currentDevice.deviceID"> <div ng-if="currentDevice.deviceID">
<img class="img-thumbnail" ng-src="qr/?text={{currentDevice.deviceID}}" height="328" width="328" alt="{{'QR code' | translate}}" /> <img class="img-thumbnail" ng-src="qr/?text={{currentDevice.deviceID}}" height="328" width="328" alt="{{'QR code' | translate}}" />
<div class="btn-group-vertical" style="vertical-align: top;"> <div class="btn-group-vertical" style="vertical-align: top;">