diff --git a/img/chain-plus.svg b/img/chain-plus.svg index 53d9ab3..4d08f4c 100644 --- a/img/chain-plus.svg +++ b/img/chain-plus.svg @@ -22,7 +22,7 @@ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">image/svg+xml @@ -42,8 +42,8 @@ id="namedview12" showgrid="false" inkscape:zoom="7.375" - inkscape:cx="-10.440678" - inkscape:cy="22.536696" + inkscape:cx="-25.382767" + inkscape:cy="21.85873" inkscape:window-x="2079" inkscape:window-y="754" inkscape:window-maximized="0" @@ -52,18 +52,18 @@ inkscape:connector-curvature="0" id="path4" d="M 1.6106477,14.304691 C 0.37646569,13.696761 -0.23146473,12.202751 0.08110589,10.516091 0.21990279,9.7688085 2.4445395,7.3359764 3.3833617,6.8846089 3.9912922,6.6064599 5.9205691,6.5026398 5.9205691,6.7452568 c 0,0.2259613 -1.2863697,1.3729789 -1.6683388,1.494565 C 4.044035,8.3092203 3.3661509,8.882729 2.7226885,9.5434023 1.6806014,10.638787 1.5762261,10.812006 1.5762261,11.472679 c 0,0.938267 0.6256964,1.563964 1.5817295,1.563964 0.5907196,0 0.8166809,-0.138797 1.8770892,-1.147018 0.6773289,-0.625696 1.2680485,-1.30358 1.3380022,-1.511776 0.121586,-0.40029 1.2508376,-1.6855493 1.494565,-1.6855493 0.2087505,0 0.1743289,1.8071353 -0.034977,2.3623233 -0.243172,0.626807 -2.5027855,2.937498 -3.2156464,3.268389 -0.7467273,0.364759 -2.2762692,0.347548 -3.0063409,-0.01832 z" - style="stroke-width:0.55518758" /> + style="stroke-width:0.55518758;fill:#ffffff" /> + + style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arimo;-inkscape-font-specification:'Arimo Bold';stroke-width:1.20026076px;fill:#ffffff;">+ + \ No newline at end of file diff --git a/ts/Manager/App.scss b/ts/Manager/App.scss index 0f277f5..027401b 100644 --- a/ts/Manager/App.scss +++ b/ts/Manager/App.scss @@ -1,5 +1,9 @@ .icon-add-shortcut { - background-image: url('../../img/chain-plus.svg'); + background-image: url('../../img/chain-plus-dark.svg'); + + .dark & { + background-image: url('../../img/chain-plus.svg'); + } } .oc-dialog.bbb-dialog { @@ -37,7 +41,7 @@ pre { #bbb-warning { padding: 1em; - background-color: rgb(255, 255, 123); + background-color: var(--color-warning); display: inline-block; .icon { @@ -47,7 +51,7 @@ pre { #bbb-success { padding: 1em; - background-color: rgb(176, 252, 132); + background-color: var(--color-success); display: inline-block; .icon { @@ -112,7 +116,7 @@ pre { } th { - border-bottom: 1px #ddd solid; + border-bottom: 1px var(--color-background-darker) solid; cursor: pointer; .sort_arrow { @@ -135,20 +139,12 @@ pre { } .action-rename { - &::after { - display: inline-block; - position: relative; - top: 2px; - left: 2px; - content: ''; - width: 16px; - height: 16px; - background: url('../../img/rename.svg') no-repeat center; + .icon-rename { opacity: 0; + } - &:hover { - opacity: 1; - } + &:hover .icon-rename { + opacity: 1; } } @@ -188,21 +184,17 @@ pre { height: 20px; &:active { - background-color: rgba(0, 128, 0, 0.445); + background-color: var(--color-success); } } - .selected-row, - .recordings-row { - border-left: 3px solid #888; - } - .selected-row { - background-color: #f0f0f0; + background-color: var(--color-background-dark); } .recordings-row { - background-color: #f7f7f7; + background-color: var(--color-background-hover); + box-shadow: inset 0px -5px 7px -7px var(--color-box-shadow); &> td { padding: 0; diff --git a/ts/Manager/EditableValue.tsx b/ts/Manager/EditableValue.tsx index 0032b6b..9c9ab3a 100644 --- a/ts/Manager/EditableValue.tsx +++ b/ts/Manager/EditableValue.tsx @@ -51,7 +51,7 @@ const EditableValue: React.FC = ({ setValue, field, value: c return {currentValue}; } - return {currentValue}; + return {currentValue} ; }; export default EditableValue; diff --git a/ts/Manager/RoomRow.tsx b/ts/Manager/RoomRow.tsx index 426213e..17e65f3 100644 --- a/ts/Manager/RoomRow.tsx +++ b/ts/Manager/RoomRow.tsx @@ -225,7 +225,7 @@ const RoomRow: React.FC = (props) => { {showRecordings && - + {recordings?.map(recording => )} diff --git a/ts/admin.ts b/ts/admin.ts index 531a1b9..5c6e9fc 100644 --- a/ts/admin.ts +++ b/ts/admin.ts @@ -9,7 +9,7 @@ $(() => { } function generateSuccessElement(message: string) { - return $(`
${message}
`); + return $(`
${message}
`); } async function checkServer(url: string, secret: string) {