I use the Cobalt editor theme in R Studio which I have slightly adjusted by changing the respective .cache.css file. The background color is dark (my choice) but the text cursor (mouse pointer) is dark as well so it is hard to see.
Where or how can I change the the mouse pointer color to e.g. green in the .cache.css file?
Using this issue on another tool, I added these lines to my cache.css file:
.ace_editor *, input.GNKRCKGCKS { cursor: -webkit-image-set(url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=') 1x, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC') 2x) 5 8, text; }
I could not find way to edit cache.css but following from Devin's reply and rstudio forum worked on my end.
cd <path_to_rstudio_server>/www/rstudio/
nano 1C0010BF6F4789B46E4091CEC24E6DAD.cache.css
where 1C0010BF6F4789B46E4091CEC24E6DAD.cache.css matched current Material theme I am using for rstudio. To view css file for your rstudio theme, right-click anywhere in the upper code panel in rstudio browser window and select Inspect (Element) option for Chrome (Firefox). Under Styles section on right panel, you should see file name ~ alphanumberic_characters.cache.css.
Add cursor css from Devin's reply under .ace_string.ace_regexp:
.ace_cursor,
.ace_string.ace_regexp {
color: #D30102
-webkit-image-set(url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=') 1x, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC') 2x) 5 8, text;
}
Save, exit and restart rstudio-server to take edits into effect.
Windows Solution
You can edit specific themes by going to 'C://Program Files/RStudio/resources/themes/your_theme_of_chocie'
Open the file, for example cobalt.rstheme with something like VS code
Paste the line as supplied by #Devin from above answer.
Save the file and re-open RStudio. While this is a .rstheme file, it is written in CSS.
Related
I am following this React tutorial. At 10:21, he uses the shortcut nav.navbar to create a nav with className "navbar." However, when I try to do this in my code editor (VS Code) it doesn't autocomplete.
Does anyone know how to fix this?
Coincidently I was following the same tutorial and got curious about that as well. It seems like VS Code comes with the command that expand Emmet abbreviations using tab disabled. You need to go into VS Code settings and enable this option.
You can do that by going into the settings file and adding the line "emmet.triggerExpansionOnTab": true. Another option is from the settings menu within VS Code (File>Preferences>Settings) and use the search box to look for Emmet: Show Suggestions As Snippets, then check the checkbox.
More information:
https://code.visualstudio.com/docs/getstarted/settings
https://code.visualstudio.com/docs/editor/emmet
Emmet expand abbreviation doesn't work in Visual Studio Code with the attributes
on VScode settings search "emmet", look for "Emmet: Include Languages"
add item:
item: javascript
value: javascriptreact
I first open Google-Cloud-Shell from clicking console image on top right.
Welcome to Cloud Shell! Type "help" to get started.
Your Cloud Platform project in this session is set to citric-yen-197207.
Use “gcloud config set project” to change to a different project.
user_name#cloudshell:~ (citric-yen-197207)$ emacs -nw helloWorld.txt
user_name#cloudshell:~ (citric-yen-197207)$
At cloudshell, when I open emacs or other text editors whole screen is filled.
Later, I am connecting into my google-instance with following command: gcloud compute connect-to-serial-port 'INSTANCE_NAME'. After connection is completed (user_name#instance-3:~$), when I try to opened emacs, vi or nano or any other text editor their size is around 80x32, which is pretty small. I am not sure what causes this problem.
Example view could be seen as follows:
And console location is messed up as well. I am writing in one point but the character show up some other point. So text editor environment does not allow me to any adding text, after a while all characters merge together, previous lines pop up at the courser point I am writing text.
[Q] Is there any way to increase the width and height of the any text editors in Google-Cloud-Shell on a web-browser?
Below attached allure report image that generated via allure. Would like to customize report title and logo (image highlighted yellow) with my own title and logo instead of ALLURE REPORT and default logo. Appreciate your help.
To change the logo you should put the custom-logo-puglin into the puglins folder:
Edit the styles.css file and change the image reference to your own file.
In the jenkins to customize each project the plugins folder is placed here:
If you would like change for all the projects the folder is:
I recommend you the user manual
Title Change
I have changed the title by cloning the repository from git and built a local copy. (I am using Windows OS).
Prerequisite
Gradle Version 5.2.1-https://gradle.org/releases/
Node Js-https://nodejs.org/en/download/ -npm -6.4.1
After installing prerequisite please follow below steps
Visit https://github.com/allure-framework/allure2
Clone the repository- Link:
https://github.com/allure-framework/allure2.git
Assume the repository is saved locally under C:\allure2-2.10.0
Navigate to
C:\allure2-2.10.0\allure-generator\src\main\java\io\qameta\allure\summary
Edit SummaryPlugin.Java file with any text editor
Search for setReportName("Allure Report"); and change to whatever name
you want to give. Example setReportName("Automation Report")and save that file
Navigate to C:\allure2-2.10.0\allure-generator
Open command prompt (cmd) from this folder.Type gradle build and hit enter
Wait for few mins till it builds. It takes around 20 mins.
Navigate to c:\allure2-2.10.0\allure-generator\build\libs
Copy newly created file in build\libs folder allure-generator-2.10.0.jar file
I have installed manually from https://docs.qameta.io/allure/#_manual_installation
Navigate to allure-2.10.0\allure-2.10.0\lib and override allure-generator-2.10.0.jar file with the file created newly from the gradle build folder
Title change image screenshot
Logo Change
I have installed manually from
https://docs.qameta.io/allure/#_manual_installation
Navigate to folder allure-2.10.0\allure-2.10.0\config
With any text editor edit file named allure.yml
At the last add one more line i.e. enter code here
- custom-logo-plugin and save the file to activate the plugin. allure.yml screenshot
Navigate to allure-2.10.0\plugins\custom-logo-plugin\static edit
styles.css
.side-nav__brand {
background: url('yourlogo.svg') no-repeat left center !important;
padding-left: 180px !important;
margin-left: 10px;
}
In the same folder put your svg file or png image file
Now generate allure report.
Both title and logo will be changed according to your needs.
Hope it helps! Thanks
In the custom-logo-plugin/static/styles.css add "!important" to the background style. With that change the custom-logo-plugin should work. This replaces only the logo image.
You can also use a logo-with-text by using "display:none" to .side-nav__brand-text selector and adding a height to .side-nav__brand selector. Your logo in this case should be 170px width.
allure custom logo and report name / title plugin(s) are currently not working due to previous changes, you can achieve this goal by cloning the source, modifying it and building a local copy instead and using it until we fix such plugins or offer a new alternative.
I may answer a little late...
Concerning the report title, actually it seems to be hardcoded during the generation step.
Take a look at the files in "allure-generator/src/main/java/io/qameta/allure/summary",
especially SummaryPlugin.java
SummaryPlugin.java
A short term solution could consist in editing the file "allure-report/widgets/summary.json" between "allure generate" and "allure open".
summary.json
The long term one should be to add a parameter during the generation step.
I want to share my Maya hotkeys for custom commands along team. Of course, I can use "hotkeySet" command with -export, -import. But in this case, it override all of them with the file. It means that
If I change "save file" to "Ctrl + Alt + S" (sure, it's so weird). I
don't want to make my team members to use that weird hotkey.
How can I get the list of my custom hotkeys? If I can know that, I can export and import them selectively.
If you want to share your Maya's custom hotkeys along your colleagues, you'll need to copy userHotkeys.mel (or userHotkeys_Maya_Default_Duplicate.mel) and userNamedCommands.mel files from your comp to the destination team's comp. One more file named userRunTimeCommands.mel is typically empty one.
These files are located in the following directories on different OS:
macOS – ~/Library/Preferences/Autodesk/maya/2016.5/prefs/hotkeys
Linux – ~<username>/maya/2016.5-x64/prefs
Windows – \Users\<username>\Documents\maya\2016.5-x64\en_US\prefs
If you open Maya's Script Editor and check Echo all Commands option
on and then save a custom shortcut in Hotkey Editor, you'll notice that Maya saves/updates these three files when you create or edit your hotkey.
For instance, I've created hotkey Alt G for toggling a grid in Viewport.
hotkey -keyShortcut "g" -alt -name ("ToggleGridNameCommand");
This is what I can see in Script Editor:
After that you can share saved userHotkeys.mel and userNamedCommands.mel files along your team. Also you can edit these ASCII files in any Text Editor.
I have researched this issue thoroughly throughout Stackoverflow and have yet to find a precise answer, so here is my question.
I am using Sencha Touch 2.4. I am using its default theme, that is, the theme that you see when you first download Sencha Touch and get set up to develop in it for the first time. I am that new to Sencha.
In Sencha I am making a Tab Panel, and in the Tab Panel, I am trying to include in the tab bar one of the many nice little picto icons included in the development kit that is not included in the default theme, using the lines of code:
title: 'Transfer',
iconCls: 'photo2',
html: 'Text stuff'
In addition, all of the guidance I have read tells me to go into the appropriate .scss file for this theme and add a single line of code, like so:
#include pictos-iconmask(‘photo2’);
Obviously it seems that this line of code should be placed in Panel.scss in the tab directory in the default theme folder, but this does not work. Now I have no idea which .scss file it should be. I have since gone into every .scss file in my SDK labeled something related to my theme, such as "tab", "Panel", "all", "app", etc., and added this line of code, but the icon will not show up. I am obviously missing something. Someone please tell me, assuming the default theme, exactly which file and in which directory and on what line of code in that file do I place this piece of code known as
#include pictos-iconmask(‘photo2’);
Thank you for any help you can give.
In Sencha Touch 2.4, just include the icon (as opposed to pictos-iconmask). For example:
#include icon('photo2');
I would recommend doing this in a high level file, not a scoped file such as tab.Panel.scss. You can always narrow down your SCSS scope later on, however for debugging just toss the include into your base app.scss to ensure it works first.
You can use the following css code to accomplish your task:
.x-tab .x-button-icon.photo2:before, .x-button .x-button-icon.photo2:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
font-family: "Pictos";
content: "N"; //mention your pictos character here like i have mentioned N here
}