Hi i need an example of how to change the theme and highlight color of the new Dailymotion player i use ui-theme and ui-hightlight as the Dailymotion guide indicates (link) or I just use highlight like some examples said but nothing happens.
<iframe id="iframe-video" width="16" height="9" src="//www.dailymotion.com/embed/video/x3mfcoi?highlight=FF0000" allowfullscreen></iframe>
It looks like you're not using the right parameter in the example you gave, this is why it's not working. As defined in the documentation, the relevant params are:
- ui-highlight
- ui-theme
For example, the following embed has the highlight color set to #FF0000:
http://www.dailymotion.com/embed/video/x2m8jpp_dailymotion-spirit-movie_creation?ui-highlight=FF0000
Note that you can't set a light highlight and light theme (and similarly, a dark highlight and dark theme), otherwise the control buttons are not visible. You can read more about it in our section related to player customisation.
Related
I am using asciidoc extensively for documentation. I am also using the feature Highlight syntax feature of asciidoc.
By default it highlight the color in yellow, as in the following link: https://docs.asciidoctor.org/asciidoc/latest/text/highlight/
I googled to find out if it is possible to change the color, but did not find any useful information.
Question: Is it possible to change this color. Also is it possible to maintain more that one color for highlighting.
The colour of the highlight is determined by the converter you are using. For example, with the HTML converter, the text is surrounded by <mark> tags, and most browsers will style this yellow by default. You can change the colour of the <mark> element using CSS.
To add more than one highlight style to your document, you should use a custom inline style. Again, for the HTML converter, style the <span> elements using CSS.
The default stylesheet for asciidoctor currently contains the following custom inline styles for highlighting:
.aqua-background{background:#00fafa}
.black-background{background:#000}
.blue-background{background:#0000fa}
.fuchsia-background{background:#fa00fa}
.gray-background{background:#7d7d7d}
.green-background{background:#007d00}
.lime-background{background:#00fa00}
.maroon-background{background:#7d0000}
.navy-background{background:#00007d}
.olive-background{background:#7d7d00}
.purple-background{background:#7d007d}
.red-background{background:#fa0000}
.silver-background{background:#bcbcbc}
.teal-background{background:#007d7d}
.white-background{background:#fafafa}
.yellow-background{background:#fafa00}
I assume you are converting to HTML, in that case the easiest way to change the highlighting color would be to use these existing inline styles, like this:
#Werewolves# are [.red-background]#allergic# to [.aqua-background]#cinnamon#.
I'm quite new to Vuetify and struggling to figure out how themes, components and text colors work together (if they do at all).
I want to work with theme color names in my templates like primary, secondary, warning, error and assign colors to those keywords by adding a new theme or overwriting the existing one.
This all works out of the box but the problem is I can't figure out how to set text colors in the same way. I want to assign a primary-text-color, secondary-text-color, etc. and have it automatically use the correct text color by default.
Text colors seem to change automatically when I change the color on buttons but nowhere else.
If I add a theme color to buttons, Vuetify automatically changes the text color to be readable, for example (just using the default theme):
<v-btn color='primary'>Test</v-btn>
Text will change to primary and the button will be perfectly usable
while a lighter color will have dark text:
<v-btn>Test</v-btn>
But other components don't behave the same. For example a v-app-bar component with default color has dark text on a light background, but a primary app bar keeps the dark text on a blue background.
It looks like I need to explicitly change the text color with a helper class or similar, and even then I'd have to use something like white--text instead of primary--text (which just applies the actual primary color to text).
I think I've read all the docs on the website but I can't find any reference to this particular problem
Sorry for the links to images, I don't have enough flair to embed them in my post.
currently, this works primary--text
<v-list-item-title v-if="company_name" class="title primary--text">
{{ company_name.company_name }}
</v-list-item-title>
Ok. I am finding it difficult to visually discern where the current focus of my editor is. The image below shows that I am currently in the bottom PathIcon tag while the top PathIcon tag is highlighted because it is a matching type. The similarity in color has finally driven me crazy.
Does anyone know the correct text-type in the Fonts and Colors dialog of Visual Studio 2015 to change this color? And, look, for all the StackOverflow haters trolling the board, please resist closing this q until there is an answer. Then you can have your fun.
It looks like there are actually two different colors in play here. The grey box on the "<PathIcon" that contains the cursor is "Brace Matching (Rectangle)". The purplish box on the other "PathIcon" looks like it is the background portion of the "Match color", which is installed by the pro power tools.
The latter color won't reset if you change the color in fonts and colors but will be correct for editor instances you open after changing the color.
I think you're looking for Highlight Current Line (Active), which controls the colors of the line your cursor is on.
I have just upgraded to CKEditor 4.4.5 from 3.5, and notice quite a few changes !! One of the changes is the new skin called Moono which looks great. However it did get me wondering whether it would be possible to change the black in the menu icons to a custom colour, for branding reasons for example. We do this in the rest of the web application using a combination of Server code and CSS.
Many thanks.
Toolbar icons in Moono are images, so if you want to change them, you'd need to create a new skin or use an alternative one from the CKEditor Addons Repository.
However, since Moono is a monochromatic skin, maybe for branding purposes it would be enough for you to use the so-called "chameleon feature" that lets you change the UI color with a simple configuration option?
If so, just use config.uiColor to provide a mataching RGB color value or an HTML color name, as in:
config.uiColor = '#AADC6E';
See a working example here: http://sdk.ckeditor.com/samples/uicolor.html
On Facebook iOS SDK Docs It reads:
Add the personal information to the SCViewController that displays when the user logs in. Make these changes in SCViewController.xib:
View: In the File Inspector settings, turn off ''Use Autolayout''.
View: Change the main view's background color to FFFFFF.
Question is, In IB, from where can change color of view like this (specifying value). All I know is changing color by using its default picker.
Sorry for the noob Question.
Whoever wrote this documentation at Facebook wasn't looking closely at the Xcode color picker (and you should file a bug and/or notify them of this fact).
First, you need to convert the hex web color into RGB values, which you can do using some utility or site. Here's one: Color Converter at Yellowpipe
And once you have your RGB values, you can then enter these into the Interface Builder portion of your main view, which looks like this (+1 to Tyler for his answer):
(source: bynomial.com)