search

cloudcmd / theme

http://cloudcmd.io
MIT License
6 stars 2 forks source link

Cannot apply css #5

Open robex2005 opened 1 year ago

robex2005 commented 1 year ago

Hello,

Please help me apply/reference stylesheet in index.html Tried referencing the css as below, but the dark theme does not apply

<!doctype html><meta charset=utf-8><meta name=robots content=noindex,nofollow><meta name=theme-color content=rgb(49,123,249)><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name=viewport><script><link rel=stylesheet href="{{ prefix }}/dist/dark.css"></script><link rel=icon href="{{ prefix }}/favicon.ico"><link rel=stylesheet href="{{ prefix }}/dist/cloudcmd.css"><noscript><link rel=stylesheet href="{{ prefix }}/dist/nojs.css"></noscript><style data-name=columns>{{ columns }}</style><div class=fm>{{ fm }}</div><div id=js-keyspanel class=keyspanel><button id=f1 class="cmd-button reduce-text icon-help" title=Help>F1</button> <button id=f2 class="cmd-button reduce-text icon-user-menu" title="User Menu">F2</button> <button id=f3 class="cmd-button reduce-text icon-view" title=View>F3</button> <button id=f4 class="cmd-button reduce-text icon-edit" title=Edit>F4</button> <button id=f5 class="cmd-button reduce-text icon-copy" title=Copy>F5</button> <button id=f6 class="cmd-button reduce-text icon-move" title=Move>F6</button> <button id=f7 class="cmd-button reduce-text icon-directory" title="New Directory">F7</button> <button id=f8 class="cmd-button reduce-text icon-delete" title=Delete>F8</button> <button id=f9 class="cmd-button reduce-text icon-menu" title=Menu>F9</button> <button id=f10 class="cmd-button reduce-text icon-config" title=Config>F10</button> <button id=~ class="cmd-button reduce-text icon-console" title=Console>~</button> <button id=shift~ class="cmd-button reduce-text icon-terminal" title=Terminal>⇧ ~</button> <button id=contact class="cmd-button reduce-text icon-contact" title=Contact></button></div><script src="{{ prefix }}/dist/cloudcmd.common.js"></script><script src="{{ prefix }}/dist/cloudcmd.js"></script><script>CloudCmd({{ config }});</script>

Thanks,

coderaiser commented 1 year ago

Do you have dark.css located in dist directory?

robex2005 commented 1 year ago

Yes

root@HomeLab:/usr/lib/node_modules/cloudcmd/dist# ls -l
total 1256
-rw-r--r-- 1 root root  10757 Oct 30 16:27 cloudcmd.common.css
-rw-r--r-- 1 root root 146213 Oct 30 16:27 cloudcmd.common.js
-rw-r--r-- 1 root root 567046 Oct 30 16:27 cloudcmd.common.js.map
-rw-r--r-- 1 root root 376168 Oct 30 16:27 cloudcmd.css
-rw-r--r-- 1 root root  21519 Oct 30 16:27 cloudcmd.js
-rw-r--r-- 1 root root  90098 Oct 30 16:27 cloudcmd.js.map
drwxr-xr-x 2 root root   4096 Oct 30 16:27 columns
-rw-r--r-- 1 root root   1420 Oct 30 16:27 config.css
-rw-r--r-- 1 root root   3717 Oct 30 16:59 dark.css
-rw-r--r-- 1 root root   1826 Oct 31 14:16 index.html
drwxr-xr-x 2 root root   4096 Oct 30 16:27 modules
-rw-r--r-- 1 root root    152 Oct 30 16:27 nojs.css
-rw-r--r-- 1 root root   4561 Oct 30 16:27 sw.js
-rw-r--r-- 1 root root  19191 Oct 30 16:27 sw.js.map
-rw-r--r-- 1 root root     22 Oct 30 16:27 terminal.css
-rw-r--r-- 1 root root    347 Oct 30 16:27 user-menu.css
-rw-r--r-- 1 root root    242 Oct 30 16:27 view.css
coderaiser commented 1 year ago

It should be added as latest css file in html head, since it overrides default styles.

robex2005 commented 1 year ago

Can you point the location in the index.html where i need to insert the code (and please specify the code, also)

Thanks,

coderaiser commented 11 months ago

In head section of index.html