How to get default wordpress admin styles - css

I'm trying to find default wordpress styles for default color schema.
I'm able to find css styles for all other color schemas like (light, blue, coffee etc.) but I'm not able to find the file with the "default" color scheme.
Does anyone know where is it located?

These admin styles are actually dynamically built from files in the /wp-includes/css/ and /wp-admin/css/ directories.
However, if you need to add or modify styles, you should consider enqueueing a custom stylesheet, instead of touching the core CSS files.

the answer actually is no, there is not a compiled list of css styles for wordpress(admin). at least that I can find...

Related

What's the difference between additional CSS in the customizer and editing the style.css file?

I've got a local server set up and i've been editing the CSS of my child theme in Dreamweaver. I've now seen, through the WordPress dashboard, the additional CSS area and the Appearance > Editor.
What's the difference between them and do I need to choose one and stick to it? I was testing some code in the additional CSS box and then erased it but now the stuff i'm writing in Dreamweaver isn't updating when i view my site through the WordPress dashboard.
Thanks
Custom CSS allows you to add your own styles or override the default CSS of a plugin or theme.
And CSS, or Cascading Styles Sheets, is a way to style and present HTML. Whereas the HTML is the meaning or content, the style sheet is the presentation of that document.
If your newly added style rules doesn't seem to work you need to need to perform some troubleshooting steps
Scan your style file for missing ";" which can prevent following style
rules from being recognised.
Use inspect feature of your browser check for conflicts , style rules that override the css that doesn't work.
Test from a different browser and make sure that the css file loaded in your browser is the correct version not a previously cached one.
Here is a useful reference https://codex.wordpress.org/CSS_Troubleshooting
Also read about css priority and specificity rules.
you can use "!important" as a quick fix but it is not considered as a good practice.
Customizer settings are stored in the database and loaded after the main styles, lastly loaded rules override same previous rules if it has higher spesifisity.

Switching sass variables with angularjs

I am working on theme changer with angularjs and I can't seem to find a way how to replace one sass file with another (both of them contains variables) when user changes his theme. I know that when sass is compiled to css the variables are gone. Is there a way to switch up those files and recompile whole css? I have managed to find that it should be somehow possible to do by calling server to recompile css, but I couldn't find more information. Thank you.
One way we are doing these things is having multiple files for different themes. Example content =
variables ...
primary: '#smtng'
.themeName{
.header{
background-color: primary
}
}
And in your app.html you can add class to your html tag which will represent themeName. You can hold theme name in some storage and load it from there.
Basically you are loading all themes, but only rendering css for active theme

Possible to use custom css when using a Nativescript core theme?

i'm busy with a Nativescript app, i'm using the core dark theme but would like to add some font-awesome glyphicons and custom css. I import the core dark theme in my global app.css but don't seem to be able to do anything more in that file after importing the theme... I've tried to add page-specific css by adding a component-common.css to a specific page but when I add the styleUrls: [...] declaration to the component declaration I always get a runtime error... Is it possible at all to use custom css ontop of the core Nativescript theme? If so how would I go about it (using css files not inline in the xml)?
Yes, it is possible to use both a theme and custom CSS files.
For example, check this sample where in the same time theme has been applied to the top CSS file.
Better check (and/or post) your runtime error - it might show you the reason why the app is throwing. Perhaps due to non-existing paths for your styleeUrls !?

Where do I apply custom CSS color changes to Wordpress Theme?

I'm creating a small WordPress theme, which has a separate control panel. This panel has a lot of color and font changes. I had no problem in saving all the data into mysql, but I can't figure out the best way to apply these changes to the design.
What I want to ask, is what is the best, most efficient and popular way to apply color and font settings?
Should I apply these changes with style="" while generating the design? Should I edit it with JavaScript? Include it in headers <style>, or maybe even edit the .css file?
The best way would be to make the changes directly to the css file. For this you would need to parse the css content. Grab a specific selector content and change it's properties.
An easy way is to output the custom properties in the page header (after the style.css in order to overwrite the default properties) or to put them in a separate css file.
Also, it my be helpful an existing Wordepress theme generator, like http://www.lubith.com

Setting style(color) to button in gxt/sencha

Hye all
I was trying the free version of sencha API with GWT in base and stumbled upon on the issue of setting color to a button. I tried modifying all the CSS get deployed in the war and tried setting styles also but no luck there. So kindly at least suggest a approach.Thanks in advance.
regards
la_89ondevg
By "Sencha", I'll assume that you mean Ext GWT.
The default styling of buttons in Ext GWT comes from a sprite sheet in the resources folder that came with your download of Ext GWT. Specifically, look at resources/images/default/button/btn.gif. To change the colour of the button, you will have to edit this sprite sheet or create new images for the colour of button you would like to use.
If you are planning to make extensive changes to the style of widgets in Ext GWT, consider making your own theme. Themes are generally placed in resources/themes and can contain your own custom CSS and images. Just link your theme's style sheet in your host page and make sure your CSS rules override those in the default theme.
maybe what you're looking for: http://www.sencha.com/forum/showthread.php?97011-Change-style-for-GXT-button-component

Resources