I need to make some changes to the front-end of RocketChat. I've done a manual install on Ubuntu 16.04 and am new to the JS ecosystem. Simply editing files (such as programs/server/packages/rocketchat_lib.js) and redoing npm install doesn't seem to work.
How can this be done?
If you need some heavier changes like changing JS, menus and doing full customization you will have to build your own custom rocket.chat. It uses Meteor framework. You can find some guides here and talk to people on the rocket.chat demo server channel learn
To change your logo, background, and other settings related to UI, we need to log in as administrator and go to Administration area then Settings and Assets section and upload the relevant images there. And we can also make other UI related settings from the layout section, which can include content, colors, fonts, and more.
To customize the Rocket.Chat UI you can either modify the rocketchat-theme or rocketchat-ui packages directly, but if you’re keeping in sync with active development it would be easier to avoid conflicts by creating your own theme package.
You can add theme customisations to Rocket.Chat by just creating a Meteor package with your code, then adding it to the packages file.
Well Rocket Chat allows us to change the logo. It also allows us to add custom CSS rules and change basic colors.
To change the colors and CSS go to administration and then under settings go to layout.
To change the logo go to administration and then under settings go to assets
Most* use of color in Rocket.Chat can be customised by changing color settings under Administration > Layout > Colors
Also you can use own CSS styles and so on in under Administration > Layout
Editing Rocket.chat files directly is bad way how to do it.
Some reference a HOW-TO are here https://rocket.chat/docs/developer-guides/ui-and-theming
Related
I need to change some stuff about the styles such as the primary color and the project logo. All solutions known to me are just through writing a code or adding an image in project directory. Is there a Strapi plugin that can do these features ?
To my knowledge, there is not.
You don't need to, what you will need is to customize the backend as explained on the following document:
https://strapi.io/documentation/developer-docs/latest/development/admin-customization.html
From that point, you can "override admin files and functions" and do all the customization you need.
I've recently added the faqfield module - but when reviewing this in the content editor the fields are spewing over the container.
I fixed the issue by adjusting the textarea.form-textarea css to min-width:100% in chrome console -- but I am not sure how to apply this fix to the site itself. Is there a way of adding into the db level an override css for the admin theme? Or do I create an overriding change in the theme folder - and if so how?
before quick fix
after quick fix
You can create a new custom admin theme and have it use the contributed admin theme you're using as a base.
You can then just override stuff as needed:
In your my_theme.info.yml in the top section add:
base theme: contrib_admin_theme_name
You then use your own custom theme as the admin theme, but it well use everything from the contributed admin theme, except for the stuff you overwrite.
The best way is to go to Drupal.org and submit it as a patch (you'd be doing it in the Drupal core issue queue since Seven is a core theme). If you don't want to do that then you'd create a subtheme based on the Seven theme, and add your CSS in there. You don't wan to update the theme directly as anytime you update the Drupal core it'll overwrite your changes.
I have installed Magento CE 1.9.1.0 with sample data. I have copied the default theme of interface rwd and rename it as test theme. Update the package and theme from the admin panel and Save the same. But when refresh the front panel from browser no data will be displayed including images etc. Please help me to know what are the tricks behind the same.
Why data is lost while new theme has been activated?
How to see the sample data?
What are the files am I need to configure more?
you want to Customize RWD theme.in your rwd package you can make a new theme like
design/frontend/rwd/yourtheme and start copying the files which you want to customize in yourtheme.
copy files from design/frontend/rwd/default to design/frontend/rwd/yourtheme and start customization.
and also check this link too
If my understanding is right, you already create your own theme package and set it in the System > Configuration > Design (and correctly followed the magento fallback system) Link
Next, if your working on locally, make sure to set the cache as disabled. Navigate to System > Cache management and select all, refresh and then disabled it.
I am trying to change the layout and customize the pre-configured Geometrixx-Gov site in AEM 6. For example, I would like to change the blue color in the header
Also, I would like to change the text of All Applications to something else I want.
Questions
What is the best way to make these changes?
Once I make my changes, is there a way to somehow take/package my changes and deploy them to an instance of AEM not running on my local computer?
When I try to edit things, I can change the text around in the body of the site but can't seem to change the text around in the header
1- To change the menu, I think you have to change the page title or the page navigation title, you probably have a page called "All Applications".
2- To change the color, you have to edit the CSS in the client libs which are somewhere under /etc/clientlibs/{your_app}
3- You can package the application using the package manager, make sure you include the /apps/{your_app}, /etc/clientlibs/{your_app}, /etc/designs/{your_app}, /content/{your_app}, those are basic folders, you may need other files or paths in your filters, make sure all dependencies are respected.
I have a piece of software, a winform program developed in c#, that has several different themes. But if one of my team members wants to change the theme they have to ask me, then i have to change it, recompile and send it. Instead I wish for them to be able to freely change the theme. It is like changing the theme in Firefox, etc. Any ideas on how to begin coding such a piece of software?
This seems like a good thing to put into your config file. Have a method that checks the config file for a theme setting. And change the theme based on that. I would also recommend having a default theme in case the config file fails to specify one.
Alternatively, this could go into the admin / settings / options portion of the application. Where you could save it with your other settings. In the registry, or app settings folder, etc.