Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arifbudimanar/arifcode-theme

Oceanic dark theme for VS Code and Windows Terminal.
https://github.com/arifbudimanar/arifcode-theme

dark-theme oceanic vscode vscode-extension vscode-theme

Last synced: 8 days ago
JSON representation

Oceanic dark theme for VS Code and Windows Terminal.

Awesome Lists containing this project

README

        

![banner](images/banner.png)

![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/arifbudimanar.arifcode-theme?style=for-the-badge)
![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/arifbudimanar.arifcode-theme?style=for-the-badge)
![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/arifbudimanar.arifcode-theme?style=for-the-badge)
![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/arifbudimanar.arifcode-theme?style=for-the-badge)

# ArifCode Theme - Original
Oceanic dark theme for VS Code and Windows Terminal.

## Installation
```
ext install arifbudimanar.arifcode-theme
```

## Preview
### Default
![Default](images/default.png)
### Minimalist
![Minimalist](images/minimalist.png)
### Zen Mode
![Zen Mode](images/zenmode.png)
## Recommended Settings
### settings.json
```json
{
"breadcrumbs.enabled": false,
"diffEditor.ignoreTrimWhitespace": false,
"editor.bracketPairColorization.enabled": false,
"editor.cursorBlinking": "expand",
"editor.cursorSmoothCaretAnimation": "on",
"editor.cursorStyle": "line-thin",
"editor.fontFamily": "'JetBrains Mono'",
"editor.fontLigatures": true,
"editor.formatOnSave": true,
"editor.inlineSuggest.enabled": true,
"editor.lineHeight": 3.15,
// "editor.lineHeight": 2.15,
// "editor.lineHeight": 48,
"editor.matchBrackets": "never",
"editor.minimap.enabled": false,
"editor.renderLineHighlight": "none",
"editor.renderWhitespace": "none",
"editor.smoothScrolling": true,
"explorer.compactFolders": false,
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"files.autoSave": "onWindowChange",
"material-icon-theme.activeIconPack": "angular",
"material-icon-theme.folders.color": "#808080",
"material-icon-theme.folders.theme": "specific",
"material-icon-theme.hidesExplorerArrows": true,
"scm.diffDecorations": "gutter",
"screencastMode.fontSize": 30,
"screencastMode.keyboardOverlayTimeout": 5000,
"screencastMode.verticalOffset": 2,
"security.workspace.trust.untrustedFiles": "open",
"telemetry.telemetryLevel": "off",
"terminal.explorerKind": "external",
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.defaultProfile.windows": "Git Bash",
"terminal.integrated.enableMultiLinePasteWarning": false,
"terminal.integrated.fontFamily": "JetBrainsMono Nerd Font",
"terminal.integrated.gpuAcceleration": "on",
"typescript.inlayHints.enumMemberValues.enabled": true,
"update.mode": "default",
"window.autoDetectColorScheme": true,
"window.commandCenter": false,
"window.title": "${rootName}",
"workbench.colorTheme": "ArifCode Theme - Windows",
"workbench.editor.tabCloseButton": "off",
"workbench.iconTheme": "material-icon-theme",
"workbench.layoutControl.enabled": false,
"workbench.list.smoothScrolling": true,
"workbench.preferredDarkColorTheme": "ArifCode Theme - Original",
"workbench.preferredLightColorTheme": "GitHub Light Default",
"workbench.startupEditor": "none",
"workbench.tree.indent": 16,
"zenMode.centerLayout": false,
"zenMode.fullScreen": false,
"zenMode.hideLineNumbers": false,
"workbench.activityBar.location": "hidden",
"workbench.statusBar.visible": false,
"window.menuBarVisibility": "compact"
}
```

## Want more minimalist? I got you!
Install `Apc Customize UI++` and add this to config
```
"window.titleBarStyle": "native",
"apc.electron": {
"frame": false,
},
"apc.activityBar": {
"size": 36,
},
"apc.menubar.compact": true,
"apc.statusBar": {
"height": 30,
},
```
### Without Frame
![Without Frame](images/withoutframe.png)
## Even more?
```
"zenMode.showTabs": "none",
```
### Without Frame + Zen Mode + No Tab
![Without Frame](images/withoutframe+zen.png)

## File
### HTML/CSS
![HTML CSS](images/htmlcss.png)
### PHP
![PHP](images/php.png)

### keybindings.json
```json
[
{
"key": "alt+b",
"command": "workbench.action.toggleActivityBarVisibility"
},
{
"key": "alt+m",
"command": "workbench.action.toggleMenuBar"
},
{
"key": "alt+n",
"command": "workbench.action.toggleStatusbarVisibility"
}
]
```

## Windows Terminal
![Windows Terminal](images/windowsterminal.png)
### settings.json
```json
{
"background": "#171C1C",
"black": "#242B2E",
"blue": "#6699CC",
"brightBlack": "#D4D4D4",
"brightBlue": "#6699CC",
"brightCyan": "#56B6C2",
"brightGreen": "#99C794",
"brightPurple": "#C594C5",
"brightRed": "#FAC863",
"brightWhite": "#D4D4D4",
"brightYellow": "#FAC863",
"cursorColor": "#D4D4D4",
"cyan": "#5FB3B3",
"foreground": "#D4D4D4",
"green": "#99C794",
"name": "ArifCode Original",
"purple": "#C594C5",
"red": "#E15A60",
"selectionBackground": "#D4D4D4",
"white": "#D4D4D4",
"yellow": "#FAC863"
}
```